Merge version_1 into main #1
220
src/app/page.tsx
220
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "collections",
|
||||
},
|
||||
name: "Collections", id: "collections"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Lumina"
|
||||
/>
|
||||
@@ -54,87 +46,55 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="See the World Differently"
|
||||
description="Discover our collection of premium, fashion-forward eyewear designed for the modern lifestyle."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/girl-gray-coat-with-sunglasses-small-street-stadium_627829-8816.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-smiling-model-dressed-elegant-summer-clothes-sexy-carefree-girl-sitting-street-trendy-modern-businesswoman-sunglasses-having-fun_158538-6691.jpg",
|
||||
alt: "Happy customer model",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-smiling-model-dressed-elegant-summer-clothes-sexy-carefree-girl-sitting-street-trendy-modern-businesswoman-sunglasses-having-fun_158538-6691.jpg", alt: "Happy customer model"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-sexy-modern-businesswoman-model-hot-beautiful-woman-white-suit-posing-street-background-fashion-female-walking-outdoors-sunglasses_158538-20200.jpg",
|
||||
alt: "Fashionable young woman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-sexy-modern-businesswoman-model-hot-beautiful-woman-white-suit-posing-street-background-fashion-female-walking-outdoors-sunglasses_158538-20200.jpg", alt: "Fashionable young woman"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-sexy-stylish-woman-yellow-stylish-dress-wearing-denim-jacket-trendy-outfit-spring-summer-fashion-trend-sunny-blue-sunglasses-street-fashion-hipster-style-fashionable-accessories_285396-4700.jpg",
|
||||
alt: "Stylish street fashion model",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-sexy-stylish-woman-yellow-stylish-dress-wearing-denim-jacket-trendy-outfit-spring-summer-fashion-trend-sunny-blue-sunglasses-street-fashion-hipster-style-fashionable-accessories_285396-4700.jpg", alt: "Stylish street fashion model"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cool-brunette-woman-sunglasses-blows-kiss-portrait-asian-attractive-lady-black-trench-coat-pretty-girl-poses-outside-good-mood_197531-27939.jpg",
|
||||
alt: "Chic brunette blowing kiss",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cool-brunette-woman-sunglasses-blows-kiss-portrait-asian-attractive-lady-black-trench-coat-pretty-girl-poses-outside-good-mood_197531-27939.jpg", alt: "Chic brunette blowing kiss"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-joyful-lady-with-dark-curly-hair-sunglasses-standing-happily-looking-camera-while-spending-time-summer-terrace-cafe_574295-5934.jpg",
|
||||
alt: "Joyful lady in cafe",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-joyful-lady-with-dark-curly-hair-sunglasses-standing-happily-looking-camera-while-spending-time-summer-terrace-cafe_574295-5934.jpg", alt: "Joyful lady in cafe"},
|
||||
]}
|
||||
avatarText="Join 100k+ satisfied wearers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "UV400 Protection",
|
||||
},
|
||||
type: "text", text: "UV400 Protection"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Polarized Tech",
|
||||
},
|
||||
type: "text", text: "Polarized Tech"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Materials",
|
||||
},
|
||||
type: "text", text: "Sustainable Materials"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hand-crafted Quality",
|
||||
},
|
||||
type: "text", text: "Hand-crafted Quality"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Shipping",
|
||||
},
|
||||
type: "text", text: "Global Shipping"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="collections" data-section="collections">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Lightweight Material",
|
||||
"Anti-Reflective Coating",
|
||||
"Adjustable Fit",
|
||||
"Hypoallergenic",
|
||||
"Ergonomic Design",
|
||||
],
|
||||
"Lightweight Material", "Anti-Reflective Coating", "Adjustable Fit", "Hypoallergenic", "Ergonomic Design"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Polarized Lenses",
|
||||
"UV400 Protection",
|
||||
"Handmade Frames",
|
||||
"Impact Resistant",
|
||||
"Anti-Scratch Coating",
|
||||
],
|
||||
"Polarized Lenses", "UV400 Protection", "Handmade Frames", "Impact Resistant", "Anti-Scratch Coating"],
|
||||
}}
|
||||
title="Iconic Collections"
|
||||
description="Crafted for comfort, style, and everyday wearability."
|
||||
@@ -149,41 +109,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Black",
|
||||
price: "$150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sunglasses-floating-water_23-2151013930.jpg",
|
||||
},
|
||||
id: "p1", name: "Classic Black", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/top-view-sunglasses-floating-water_23-2151013930.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Sport Pro",
|
||||
price: "$180",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyclist-wearing-his-sports-helmet_329181-8665.jpg",
|
||||
},
|
||||
id: "p2", name: "Sport Pro", price: "$180", imageSrc: "http://img.b2bpic.net/free-photo/cyclist-wearing-his-sports-helmet_329181-8665.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Gold Rim",
|
||||
price: "$250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colored-transparent-sunglasses-still-life_23-2150163154.jpg",
|
||||
},
|
||||
id: "p3", name: "Gold Rim", price: "$250", imageSrc: "http://img.b2bpic.net/free-photo/colored-transparent-sunglasses-still-life_23-2150163154.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Aviator Classic",
|
||||
price: "$190",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-stylish-woman-model-casual-summer-clothes-yellow-beanie-hat-isolated-white-showing-her-tongue_158538-7164.jpg",
|
||||
},
|
||||
id: "p4", name: "Aviator Classic", price: "$190", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-stylish-woman-model-casual-summer-clothes-yellow-beanie-hat-isolated-white-showing-her-tongue_158538-7164.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Cat Eye",
|
||||
price: "$210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-beautiful-young-woman-with-sunglasses_158538-4175.jpg",
|
||||
},
|
||||
id: "p5", name: "Cat Eye", price: "$210", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-beautiful-young-woman-with-sunglasses_158538-4175.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Minimalist Rimless",
|
||||
price: "$230",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-rounded-frames-still-life_23-2150649681.jpg",
|
||||
},
|
||||
id: "p6", name: "Minimalist Rimless", price: "$230", imageSrc: "http://img.b2bpic.net/free-photo/glasses-with-rounded-frames-still-life_23-2150649681.jpg"},
|
||||
]}
|
||||
title="Featured Eyewear"
|
||||
description="Explore our latest arrivals and timeless classics."
|
||||
@@ -198,20 +134,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100K+",
|
||||
description: "Happy Customers",
|
||||
},
|
||||
id: "m1", value: "100K+", description: "Happy Customers"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20+",
|
||||
description: "Global Awards",
|
||||
},
|
||||
id: "m2", value: "20+", description: "Global Awards"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "500+",
|
||||
description: "Unique Designs",
|
||||
},
|
||||
id: "m3", value: "500+", description: "Unique Designs"},
|
||||
]}
|
||||
title="Crafting Quality"
|
||||
description="Excellence in eyewear design since 2015."
|
||||
@@ -224,45 +151,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Great quality!",
|
||||
quote: "The best glasses I've ever owned.",
|
||||
name: "Alice M.",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-attractive-stylish-woman-smiling-walking-city-street-summer-fashion-style-dress-wearing-sunglasses-candid-smile_285396-8496.jpg",
|
||||
},
|
||||
id: "t1", title: "Great quality!", quote: "The best glasses I've ever owned.", name: "Alice M.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-attractive-stylish-woman-smiling-walking-city-street-summer-fashion-style-dress-wearing-sunglasses-candid-smile_285396-8496.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Super stylish",
|
||||
quote: "Love the premium feel of the materials.",
|
||||
name: "Bob D.",
|
||||
role: "Entrepreneur",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-inspired-blonde-woman-with-long-hair-posing-summer-day-photo-interested-beautiful-female-model-brown-hat_197531-20851.jpg",
|
||||
},
|
||||
id: "t2", title: "Super stylish", quote: "Love the premium feel of the materials.", name: "Bob D.", role: "Entrepreneur", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-inspired-blonde-woman-with-long-hair-posing-summer-day-photo-interested-beautiful-female-model-brown-hat_197531-20851.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Perfect fit",
|
||||
quote: "Extremely comfortable for daily use.",
|
||||
name: "Claire L.",
|
||||
role: "Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-wearing-black-turtleneck-fanny-pack_250224-360.jpg",
|
||||
},
|
||||
id: "t3", title: "Perfect fit", quote: "Extremely comfortable for daily use.", name: "Claire L.", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-wearing-black-turtleneck-fanny-pack_250224-360.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Excellent service",
|
||||
quote: "Fast shipping and great packaging.",
|
||||
name: "David W.",
|
||||
role: "Photographer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-yellow-dress-terrace-summer-cafe-with-mobile-phone-sunny-day_343596-6213.jpg",
|
||||
},
|
||||
id: "t4", title: "Excellent service", quote: "Fast shipping and great packaging.", name: "David W.", role: "Photographer", imageSrc: "http://img.b2bpic.net/free-photo/woman-yellow-dress-terrace-summer-cafe-with-mobile-phone-sunny-day_343596-6213.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Simply elegant",
|
||||
quote: "Matches every outfit I have perfectly.",
|
||||
name: "Elena P.",
|
||||
role: "Creative Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outside-portrait-adorable-happy-blond-lady-wearing-sunglasses-shawl_291650-479.jpg",
|
||||
},
|
||||
id: "t5", title: "Simply elegant", quote: "Matches every outfit I have perfectly.", name: "Elena P.", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/outside-portrait-adorable-happy-blond-lady-wearing-sunglasses-shawl_291650-479.jpg"},
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="What the world thinks about our designs."
|
||||
@@ -275,20 +172,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer warranty?",
|
||||
content: "Yes, we offer a 2-year warranty on all frames.",
|
||||
},
|
||||
id: "f1", title: "Do you offer warranty?", content: "Yes, we offer a 2-year warranty on all frames."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I return products?",
|
||||
content: "We offer 30-day hassle-free returns.",
|
||||
},
|
||||
id: "f2", title: "Can I return products?", content: "We offer 30-day hassle-free returns."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Where is my order?",
|
||||
content: "You can track your order using the link sent via email.",
|
||||
},
|
||||
id: "f3", title: "Where is my order?", content: "You can track your order using the link sent via email."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our products and services."
|
||||
@@ -303,20 +191,12 @@ export default function LandingPage() {
|
||||
description="We are here to answer any questions you may have."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Your Email"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
}}
|
||||
name: "message", placeholder: "How can we help?"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-women-holding-eyeglasses-frames_23-2148273167.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -325,29 +205,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "Classic",
|
||||
href: "#",
|
||||
},
|
||||
label: "Classic", href: "#"},
|
||||
{
|
||||
label: "Sport",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sport", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Legal",
|
||||
href: "#",
|
||||
},
|
||||
label: "Legal", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user