Merge version_1 into main #2
247
src/app/page.tsx
247
src/app/page.tsx
@@ -33,73 +33,40 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collection", id: "products"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Lumina Eyewear"
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
}}
|
||||
text: "Shop Now", href: "#products"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="See the World in Clarity"
|
||||
description="Discover our collection of premium, handcrafted eyewear designed for comfort, style, and long-lasting quality."
|
||||
tag="New 2025 Collection"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
{
|
||||
text: "Learn About Us",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn About Us", href: "#about"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-brown-suit-glasses-near-dark-wall_158538-11227.jpg?_wi=1",
|
||||
imageAlt: "Model in stylish glasses",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-brown-suit-glasses-near-dark-wall_158538-11227.jpg", imageAlt: "Model in stylish glasses"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-rounded-frames-still-life_23-2150649681.jpg?_wi=1",
|
||||
imageAlt: "Close-up of premium glasses",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-stylish-woman-with-red-lips-holding-her-glasses-smiles_291650-498.jpg",
|
||||
imageAlt: "Charming stylish woman with red lips holding her glasses and smiles",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-handsome-young-unshaven-male-employee-wearing-trendy-eyeglasses-white-formal-shirt-with-suspenders-posing-isolated-against-white-studio-wall-background-with-copyspace-your-information_343059-858.jpg",
|
||||
imageAlt: "Serious handsome young unshaven male employee wearing trendy eyeglasses",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-handsome-man_1301-5875.jpg",
|
||||
imageAlt: "Elegant young handsome man",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-rounded-frames-still-life_23-2150649681.jpg", imageAlt: "Close-up of premium glasses"}
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
@@ -114,9 +81,7 @@ export default function LandingPage() {
|
||||
title="Crafted for Every Face, Engineered for Every Day."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "View Collection", href: "#products"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -129,19 +94,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Durable Materials",
|
||||
description: "High-quality titanium and acetate frames built to last.",
|
||||
},
|
||||
title: "Durable Materials", description: "High-quality titanium and acetate frames built to last."},
|
||||
{
|
||||
icon: Eye,
|
||||
title: "Precision Lenses",
|
||||
description: "Optically pure, scratch-resistant lenses for perfect clarity.",
|
||||
},
|
||||
title: "Precision Lenses", description: "Optically pure, scratch-resistant lenses for perfect clarity."},
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "UV Protection",
|
||||
description: "Built-in protection against harmful UV rays and glare.",
|
||||
},
|
||||
title: "UV Protection", description: "Built-in protection against harmful UV rays and glare."},
|
||||
]}
|
||||
title="Why Lumina Eyewear?"
|
||||
description="Excellence in every frame, ensuring your vision and style are never compromised."
|
||||
@@ -156,59 +115,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Lumina",
|
||||
name: "Classic Midnight",
|
||||
price: "$129",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-stylish-woman-with-red-lips_158538-4157.jpg",
|
||||
},
|
||||
id: "p1", brand: "Lumina", name: "Classic Midnight", price: "$129", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-stylish-woman-with-red-lips_158538-4157.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Lumina",
|
||||
name: "Tortoise Deluxe",
|
||||
price: "$149",
|
||||
rating: 4,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-desktop-with-glasses_23-2148166762.jpg",
|
||||
},
|
||||
id: "p2", brand: "Lumina", name: "Tortoise Deluxe", price: "$149", rating: 4,
|
||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/office-desktop-with-glasses_23-2148166762.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Lumina",
|
||||
name: "Crystal Clear",
|
||||
price: "$119",
|
||||
rating: 5,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-plastic-eyeglasses-with-shadow_23-2148290332.jpg",
|
||||
},
|
||||
id: "p3", brand: "Lumina", name: "Crystal Clear", price: "$119", rating: 5,
|
||||
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/close-up-plastic-eyeglasses-with-shadow_23-2148290332.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Lumina",
|
||||
name: "Cat-Eye Gold",
|
||||
price: "$169",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sexy-blonde-woman-with-red-lips-puts-colorful-sunglasses-attractive-curly-lady-beige-trench-coat-looks-into-camera-outdoors_197531-23192.jpg",
|
||||
},
|
||||
id: "p4", brand: "Lumina", name: "Cat-Eye Gold", price: "$169", rating: 5,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/sexy-blonde-woman-with-red-lips-puts-colorful-sunglasses-attractive-curly-lady-beige-trench-coat-looks-into-camera-outdoors_197531-23192.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Lumina",
|
||||
name: "Titanium Edge",
|
||||
price: "$199",
|
||||
rating: 5,
|
||||
reviewCount: "92",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-smiling-tourist-woman-having-fun-amusement-park-hot-summer-day-trip_346278-453.jpg",
|
||||
},
|
||||
id: "p5", brand: "Lumina", name: "Titanium Edge", price: "$199", rating: 5,
|
||||
reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-smiling-tourist-woman-having-fun-amusement-park-hot-summer-day-trip_346278-453.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Lumina",
|
||||
name: "Round Retro",
|
||||
price: "$139",
|
||||
rating: 4,
|
||||
reviewCount: "67",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-slightly-rounded-frame_23-2150670777.jpg",
|
||||
},
|
||||
id: "p6", brand: "Lumina", name: "Round Retro", price: "$139", rating: 4,
|
||||
reviewCount: "67", imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-slightly-rounded-frame_23-2150670777.jpg"},
|
||||
]}
|
||||
title="Our Collection"
|
||||
description="Find your perfect pair from our diverse range of timeless and modern designs."
|
||||
@@ -222,31 +145,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
title: "Happy Customers",
|
||||
items: [
|
||||
"Global satisfied users",
|
||||
"Consistently highly rated",
|
||||
],
|
||||
id: "m1", value: "10k+", title: "Happy Customers", items: [
|
||||
"Global satisfied users", "Consistently highly rated"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50+",
|
||||
title: "Unique Styles",
|
||||
items: [
|
||||
"Handcrafted frame designs",
|
||||
"Diverse material options",
|
||||
],
|
||||
id: "m2", value: "50+", title: "Unique Styles", items: [
|
||||
"Handcrafted frame designs", "Diverse material options"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24h",
|
||||
title: "Priority Support",
|
||||
items: [
|
||||
"Ready to assist you",
|
||||
"Expert optical advice",
|
||||
],
|
||||
id: "m3", value: "24h", title: "Priority Support", items: [
|
||||
"Ready to assist you", "Expert optical advice"],
|
||||
},
|
||||
]}
|
||||
title="By the Numbers"
|
||||
@@ -260,60 +168,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
date: "Jan 2025",
|
||||
title: "Great quality!",
|
||||
quote: "The clearest lenses I've ever owned. Very happy.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13327.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-brown-suit-glasses-near-dark-wall_158538-11227.jpg?_wi=2",
|
||||
imageAlt: "happy customer wearing stylish glasses portrait",
|
||||
},
|
||||
id: "t1", name: "Alex R.", date: "Jan 2025", title: "Great quality!", quote: "The clearest lenses I've ever owned. Very happy.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13327.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-brown-suit-glasses-near-dark-wall_158538-11227.jpg", imageAlt: "happy customer wearing stylish glasses portrait"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah K.",
|
||||
date: "Dec 2024",
|
||||
title: "So stylish",
|
||||
quote: "I get compliments on these frames daily. Love them.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-smiling-woman-looking-camera-trendy-girl-casual-summer-white-t-shirt_158538-1599.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-rounded-frames-still-life_23-2150649681.jpg?_wi=2",
|
||||
imageAlt: "happy customer wearing stylish glasses portrait",
|
||||
},
|
||||
id: "t2", name: "Sarah K.", date: "Dec 2024", title: "So stylish", quote: "I get compliments on these frames daily. Love them.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-smiling-woman-looking-camera-trendy-girl-casual-summer-white-t-shirt_158538-1599.jpg", imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-rounded-frames-still-life_23-2150649681.jpg", imageAlt: "happy customer wearing stylish glasses portrait"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mark D.",
|
||||
date: "Nov 2024",
|
||||
title: "Durable frames",
|
||||
quote: "Finally found glasses that can handle my busy lifestyle.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-fashionable-female-blogger-stylish-clothes-glasses-with-handbag-holds-smartphone-standing-against-skyscraper_613910-4444.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/inside-glass_53876-42529.jpg",
|
||||
imageAlt: "happy customer wearing stylish glasses portrait",
|
||||
},
|
||||
id: "t3", name: "Mark D.", date: "Nov 2024", title: "Durable frames", quote: "Finally found glasses that can handle my busy lifestyle.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-fashionable-female-blogger-stylish-clothes-glasses-with-handbag-holds-smartphone-standing-against-skyscraper_613910-4444.jpg", imageSrc: "http://img.b2bpic.net/free-photo/inside-glass_53876-42529.jpg", imageAlt: "happy customer wearing stylish glasses portrait"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Emily P.",
|
||||
date: "Oct 2024",
|
||||
title: "Perfect fit",
|
||||
quote: "The best online glasses purchase I've made so far.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/female-talking-mobile-phone_1301-1499.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/optical-eyeglasses-prism-refracting-shadow-white-background_23-2147949123.jpg",
|
||||
imageAlt: "happy customer wearing stylish glasses portrait",
|
||||
},
|
||||
id: "t4", name: "Emily P.", date: "Oct 2024", title: "Perfect fit", quote: "The best online glasses purchase I've made so far.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/female-talking-mobile-phone_1301-1499.jpg", imageSrc: "http://img.b2bpic.net/free-photo/optical-eyeglasses-prism-refracting-shadow-white-background_23-2147949123.jpg", imageAlt: "happy customer wearing stylish glasses portrait"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "John M.",
|
||||
date: "Sep 2024",
|
||||
title: "Highly recommend",
|
||||
quote: "Professional team and excellent product range.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-3004.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-happy-portrait_1303-9599.jpg",
|
||||
imageAlt: "happy customer wearing stylish glasses portrait",
|
||||
},
|
||||
id: "t5", name: "John M.", date: "Sep 2024", title: "Highly recommend", quote: "Professional team and excellent product range.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-3004.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-happy-portrait_1303-9599.jpg", imageAlt: "happy customer wearing stylish glasses portrait"},
|
||||
]}
|
||||
title="Customer Stories"
|
||||
description="Don't just take our word for it—hear from our satisfied community."
|
||||
@@ -326,20 +189,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer shipping internationally?",
|
||||
content: "Yes, we ship globally to over 50 countries with tracking included.",
|
||||
},
|
||||
id: "q1", title: "Do you offer shipping internationally?", content: "Yes, we ship globally to over 50 countries with tracking included."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How long is your warranty?",
|
||||
content: "All frames are covered by a 12-month manufacturer warranty.",
|
||||
},
|
||||
id: "q2", title: "How long is your warranty?", content: "All frames are covered by a 12-month manufacturer warranty."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I return my glasses?",
|
||||
content: "Absolutely. Enjoy a 30-day no-questions-asked return policy.",
|
||||
},
|
||||
id: "q3", title: "Can I return my glasses?", content: "Absolutely. Enjoy a 30-day no-questions-asked return policy."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Get quick answers about shipping, returns, and our optical process."
|
||||
@@ -351,16 +205,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Let's Connect"
|
||||
title="Need Help Finding Your Pair?"
|
||||
description="Our experts are here to help you select the perfect frames and lenses."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "mailto:support@luminaeyewear.com",
|
||||
},
|
||||
text: "Contact Support", href: "mailto:support@luminaeyewear.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -372,19 +223,13 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "#", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "#", ariaLabel: "Facebook"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user