Compare commits
4 Commits
version_13
...
version_8
| Author | SHA1 | Date | |
|---|---|---|---|
| 6ddf2206cb | |||
| 6c55da4cb2 | |||
| 5f61e07578 | |||
| 43e429a852 |
@@ -14,6 +14,13 @@ import FooterBase from '@/components/sections/footer/FooterBase';
|
|||||||
import { Zap, CheckCircle, Sparkles, Award, Crown } from "lucide-react";
|
import { Zap, CheckCircle, Sparkles, Award, Crown } from "lucide-react";
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
|
const scrollToSection = (sectionId: string) => {
|
||||||
|
const element = document.getElementById(sectionId);
|
||||||
|
if (element) {
|
||||||
|
element.scrollIntoView({ behavior: 'smooth' });
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="expand-hover"
|
defaultButtonVariant="expand-hover"
|
||||||
@@ -31,17 +38,8 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleMinimal
|
<NavbarStyleMinimal
|
||||||
brandName="Edgetabs"
|
brandName="Edgetabs"
|
||||||
button={{
|
button={{
|
||||||
text: "Shop Now", href: "products"
|
text: "Shop Now", href: "products", onClick: () => scrollToSection('products')
|
||||||
}}
|
}}
|
||||||
navItems={[
|
|
||||||
{ name: "Home", id: "hero" },
|
|
||||||
{ name: "Why Edgetabs", id: "about" },
|
|
||||||
{ name: "Features", id: "features" },
|
|
||||||
{ name: "Products", id: "products" },
|
|
||||||
{ name: "Testimonials", id: "testimonials" },
|
|
||||||
{ name: "FAQ", id: "faq" },
|
|
||||||
{ name: "Contact", id: "contact" }
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -53,10 +51,10 @@ export default function LandingPage() {
|
|||||||
tagIcon={Zap}
|
tagIcon={Zap}
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Shop Now and Power Your Day", href: "products"
|
text: "Shop Now and Power Your Day", href: "products", onClick: () => scrollToSection('products')
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
text: "Learn More", href: "about"
|
text: "Learn More", href: "about", onClick: () => scrollToSection('about')
|
||||||
}
|
}
|
||||||
]}
|
]}
|
||||||
imageSrc="https://img.b2bpic.net/free-photo/traditional-italian-dessert-tiramisu-glasses-top-view_114579-9837.jpg"
|
imageSrc="https://img.b2bpic.net/free-photo/traditional-italian-dessert-tiramisu-glasses-top-view_114579-9837.jpg"
|
||||||
@@ -96,7 +94,7 @@ export default function LandingPage() {
|
|||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Learn More", href: "products"
|
text: "Learn More", href: "products", onClick: () => scrollToSection('products')
|
||||||
}
|
}
|
||||||
]}
|
]}
|
||||||
features={[
|
features={[
|
||||||
@@ -154,10 +152,10 @@ export default function LandingPage() {
|
|||||||
id: "starter", badge: "Starter", badgeIcon: Sparkles,
|
id: "starter", badge: "Starter", badgeIcon: Sparkles,
|
||||||
price: "$14.99", subtitle: "Perfect for first-time energy seekers", buttons: [
|
price: "$14.99", subtitle: "Perfect for first-time energy seekers", buttons: [
|
||||||
{
|
{
|
||||||
text: "Get Started", href: "products"
|
text: "Get Started", href: "products", onClick: () => scrollToSection('products')
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
text: "Learn More", href: "features"
|
text: "Learn More", href: "features", onClick: () => scrollToSection('features')
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
features: [
|
features: [
|
||||||
@@ -168,10 +166,10 @@ export default function LandingPage() {
|
|||||||
id: "pro", badge: "🏆 MOST POPULAR", badgeIcon: Crown,
|
id: "pro", badge: "🏆 MOST POPULAR", badgeIcon: Crown,
|
||||||
price: "$27.99", subtitle: "Ideal for daily energy consumers", buttons: [
|
price: "$27.99", subtitle: "Ideal for daily energy consumers", buttons: [
|
||||||
{
|
{
|
||||||
text: "Save 7%", href: "products"
|
text: "Save 7%", href: "products", onClick: () => scrollToSection('products')
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
text: "Learn More", href: "features"
|
text: "Learn More", href: "features", onClick: () => scrollToSection('features')
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
features: [
|
features: [
|
||||||
@@ -182,10 +180,10 @@ export default function LandingPage() {
|
|||||||
id: "ultimate", badge: "Ultimate", badgeIcon: Zap,
|
id: "ultimate", badge: "Ultimate", badgeIcon: Zap,
|
||||||
price: "$39.99", subtitle: "Maximum savings for committed users", buttons: [
|
price: "$39.99", subtitle: "Maximum savings for committed users", buttons: [
|
||||||
{
|
{
|
||||||
text: "Save 13%", href: "products"
|
text: "Save 13%", href: "products", onClick: () => scrollToSection('products')
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
text: "Learn More", href: "features"
|
text: "Learn More", href: "features", onClick: () => scrollToSection('features')
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
features: [
|
features: [
|
||||||
|
|||||||
Reference in New Issue
Block a user