Merge version_1 into main #2
168
src/app/page.tsx
168
src/app/page.tsx
@@ -30,46 +30,34 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
]}
|
||||
brandName="EliteGear"
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
}}
|
||||
text: "Shop Now"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
logoText="EliteGear Innovation"
|
||||
description="Experience the pinnacle of engineering with our curated selection of premium technology designed for the modern lifestyle."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collection",
|
||||
},
|
||||
text: "Explore Collection"},
|
||||
{
|
||||
text: "Learn More",
|
||||
},
|
||||
text: "Learn More"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/black-liquid-marble-background-handmade-acrylic-paint_53876-104546.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/black-liquid-marble-background-handmade-acrylic-paint_53876-104546.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -81,28 +69,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Design",
|
||||
description: "Every curve and edge crafted to perfection.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-liquid-marble-background-handmade-acrylic-paint_53876-104546.jpg?_wi=2",
|
||||
imageAlt: "luxury product photography",
|
||||
title: "Precision Design", description: "Every curve and edge crafted to perfection.", bentoComponent: "reveal-icon", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
title: "Smart Performance",
|
||||
description: "Next-generation internals for blazing speed.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/camera-plants-marble-shelf_23-2151978688.jpg?_wi=1",
|
||||
imageAlt: "smart device luxury",
|
||||
title: "Smart Performance", description: "Next-generation internals for blazing speed.", bentoComponent: "reveal-icon", icon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Lifetime Support",
|
||||
description: "Dedicated service that stands behind our gear.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Shield,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electronic-musical-instrument-audio-mixer-sound-equalizer-analog-modular-synthesizer_1381-2.jpg?_wi=1",
|
||||
imageAlt: "luxury headphones studio shot",
|
||||
title: "Lifetime Support", description: "Dedicated service that stands behind our gear.", bentoComponent: "reveal-icon", icon: Shield,
|
||||
},
|
||||
]}
|
||||
title="Unmatched Quality"
|
||||
@@ -118,41 +91,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Smart Device Pro",
|
||||
price: "$199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/camera-plants-marble-shelf_23-2151978688.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Smart Device Pro", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/camera-plants-marble-shelf_23-2151978688.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Acoustic Elite",
|
||||
price: "$299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electronic-musical-instrument-audio-mixer-sound-equalizer-analog-modular-synthesizer_1381-2.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", name: "Acoustic Elite", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/electronic-musical-instrument-audio-mixer-sound-equalizer-analog-modular-synthesizer_1381-2.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Chronos Precision",
|
||||
price: "$399",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grayscale-closeup-shot-person-wearing-wristwatch_181624-3953.jpg",
|
||||
},
|
||||
id: "p3", name: "Chronos Precision", price: "$399", imageSrc: "http://img.b2bpic.net/free-photo/grayscale-closeup-shot-person-wearing-wristwatch_181624-3953.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Ultra Handheld",
|
||||
price: "$149",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-various-digital-devices_23-2147864697.jpg",
|
||||
},
|
||||
id: "p4", name: "Ultra Handheld", price: "$149", imageSrc: "http://img.b2bpic.net/free-photo/set-various-digital-devices_23-2147864697.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Power Cell",
|
||||
price: "$89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-cell-phone-connected-usb-cable-type-c-charging_58702-4593.jpg",
|
||||
},
|
||||
id: "p5", name: "Power Cell", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/green-cell-phone-connected-usb-cable-type-c-charging_58702-4593.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Smart Controller",
|
||||
price: "$129",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-upon-robot-vacuum-cleaner-indoors_23-2150830017.jpg",
|
||||
},
|
||||
id: "p6", name: "Smart Controller", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/close-upon-robot-vacuum-cleaner-indoors_23-2150830017.jpg"},
|
||||
]}
|
||||
title="Curated Collection"
|
||||
description="Explore our latest innovations and elevate your daily experience."
|
||||
@@ -166,36 +115,21 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$29",
|
||||
subtitle: "For everyday innovators",
|
||||
buttons: [
|
||||
id: "basic", badge: "Essential", price: "$29", subtitle: "For everyday innovators", buttons: [
|
||||
{
|
||||
text: "Choose Basic",
|
||||
},
|
||||
text: "Choose Basic"},
|
||||
],
|
||||
features: [
|
||||
"Standard support",
|
||||
"Base access",
|
||||
],
|
||||
"Standard support", "Base access"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Pro",
|
||||
badgeIcon: Sparkles,
|
||||
price: "$59",
|
||||
subtitle: "For power enthusiasts",
|
||||
buttons: [
|
||||
id: "pro", badge: "Pro", badgeIcon: Sparkles,
|
||||
price: "$59", subtitle: "For power enthusiasts", buttons: [
|
||||
{
|
||||
text: "Choose Pro",
|
||||
},
|
||||
text: "Choose Pro"},
|
||||
],
|
||||
features: [
|
||||
"Priority support",
|
||||
"Early access",
|
||||
"Discounted gear",
|
||||
],
|
||||
"Priority support", "Early access", "Discounted gear"],
|
||||
},
|
||||
]}
|
||||
title="Flexible Access"
|
||||
@@ -205,44 +139,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "The build quality is simply outstanding. EliteGear is a game changer.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2148563421.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "The build quality is simply outstanding. EliteGear is a game changer.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2148563421.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
handle: "@markd",
|
||||
testimonial: "I never looked back after my first purchase. Everything is incredibly sleek.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-headset_74855-2661.jpg",
|
||||
},
|
||||
id: "2", name: "Mark D.", handle: "@markd", testimonial: "I never looked back after my first purchase. Everything is incredibly sleek.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-headset_74855-2661.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
handle: "@elenar",
|
||||
testimonial: "The precision and speed of these devices are unparalleled in the market.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-braids-portrait_23-2151428202.jpg",
|
||||
},
|
||||
id: "3", name: "Elena R.", handle: "@elenar", testimonial: "The precision and speed of these devices are unparalleled in the market.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-braids-portrait_23-2151428202.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
handle: "@davidk",
|
||||
testimonial: "Amazing design, intuitive interface. Just perfect for my workflow.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg",
|
||||
},
|
||||
id: "4", name: "David K.", handle: "@davidk", testimonial: "Amazing design, intuitive interface. Just perfect for my workflow.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lucy H.",
|
||||
handle: "@lucyh",
|
||||
testimonial: "A premium experience from the unboxing to the everyday usage.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-dj-holding-vinyl-disc-record-bar_107420-96323.jpg",
|
||||
},
|
||||
id: "5", name: "Lucy H.", handle: "@lucyh", testimonial: "A premium experience from the unboxing to the everyday usage.", imageSrc: "http://img.b2bpic.net/free-photo/female-dj-holding-vinyl-disc-record-bar_107420-96323.jpg"},
|
||||
]}
|
||||
title="What People Say"
|
||||
description="Join thousands of satisfied professionals who trust our gear."
|
||||
@@ -255,25 +165,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Products", href: "#products"},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user