Update src/app/page.tsx
This commit is contained in:
221
src/app/page.tsx
221
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Collections", id: "#products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="LUXE LABEL"
|
||||
/>
|
||||
@@ -54,39 +46,25 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="LUXE LABEL"
|
||||
logoText="Elevate Your Wardrobe with Timeless Elegance"
|
||||
description="Timeless designs for the modern individual. Experience comfort and elegance in every thread."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-model-with-earphones_23-2149429038.jpg",
|
||||
imageAlt: "Fashion 1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-model-with-earphones_23-2149429038.jpg", imageAlt: "Fashion 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stock-photo-attractive-brunette-young-adult-woman-black-blouse-dark-green-trousers-posing-against-white-wall-with-many-lamps_132075-9648.jpg",
|
||||
imageAlt: "Fashion 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stock-photo-attractive-brunette-young-adult-woman-black-blouse-dark-green-trousers-posing-against-white-wall-with-many-lamps_132075-9648.jpg", imageAlt: "Fashion 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021807.jpg",
|
||||
imageAlt: "Fashion 3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021807.jpg", imageAlt: "Fashion 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/surrealist-portrait-fashionable-woman_23-2149224671.jpg",
|
||||
imageAlt: "Fashion 4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/surrealist-portrait-fashionable-woman_23-2149224671.jpg", imageAlt: "Fashion 4"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-near-window_23-2149411428.jpg",
|
||||
imageAlt: "Fashion 5",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-near-window_23-2149411428.jpg", imageAlt: "Fashion 5"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interested-african-american-woman-trench-coat-looking-camera-front-view-curious-black-girl-standing-bricked-background_197531-28937.jpg",
|
||||
imageAlt: "Fashion 6",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interested-african-american-woman-trench-coat-looking-camera-front-view-curious-black-girl-standing-bricked-background_197531-28937.jpg", imageAlt: "Fashion 6"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -107,32 +85,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Premium Materials",
|
||||
tags: [
|
||||
"Sustainable",
|
||||
"Natural",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-detail-cozy-clothing-texture_23-2149409166.jpg",
|
||||
},
|
||||
id: "f1", title: "Premium Materials", tags: [
|
||||
"Sustainable", "Natural"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-detail-cozy-clothing-texture_23-2149409166.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Precision Stitching",
|
||||
tags: [
|
||||
"Durability",
|
||||
"Craft",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beige-card-holder-with-texture_9975-134392.jpg",
|
||||
},
|
||||
id: "f2", title: "Precision Stitching", tags: [
|
||||
"Durability", "Craft"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beige-card-holder-with-texture_9975-134392.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Timeless Design",
|
||||
tags: [
|
||||
"Minimal",
|
||||
"Iconic",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-painting-with-sponge_23-2148754065.jpg",
|
||||
},
|
||||
id: "f3", title: "Timeless Design", tags: [
|
||||
"Minimal", "Iconic"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-painting-with-sponge_23-2148754065.jpg"},
|
||||
]}
|
||||
title="Why Choose Luxe"
|
||||
description="Excellence in every detail."
|
||||
@@ -147,47 +110,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Tee",
|
||||
price: "$45",
|
||||
variant: "Cotton",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ecommerceready-photograph-featuring-confident-model-wearing-basic-activewear-studio-setting_89887-1497.jpg",
|
||||
},
|
||||
id: "p1", name: "Classic Tee", price: "$45", variant: "Cotton", imageSrc: "http://img.b2bpic.net/free-photo/ecommerceready-photograph-featuring-confident-model-wearing-basic-activewear-studio-setting_89887-1497.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Tailored Pant",
|
||||
price: "$120",
|
||||
variant: "Linen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-female-model-posing-jacket-suit-with-tie-new-feminity-concept_23-2148951010.jpg",
|
||||
},
|
||||
id: "p2", name: "Tailored Pant", price: "$120", variant: "Linen", imageSrc: "http://img.b2bpic.net/free-photo/elegant-female-model-posing-jacket-suit-with-tie-new-feminity-concept_23-2148951010.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Essential Jacket",
|
||||
price: "$250",
|
||||
variant: "Wool",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-lady-posing-studio_176474-76318.jpg",
|
||||
},
|
||||
id: "p3", name: "Essential Jacket", price: "$250", variant: "Wool", imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-lady-posing-studio_176474-76318.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Silk Dress",
|
||||
price: "$300",
|
||||
variant: "Silk",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-fedora-hat-studio_23-2150737118.jpg",
|
||||
},
|
||||
id: "p4", name: "Silk Dress", price: "$300", variant: "Silk", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-fedora-hat-studio_23-2150737118.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Signature Sweater",
|
||||
price: "$180",
|
||||
variant: "Cashmere",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/student-with-goth-style-school_23-2150576841.jpg",
|
||||
},
|
||||
id: "p5", name: "Signature Sweater", price: "$180", variant: "Cashmere", imageSrc: "http://img.b2bpic.net/free-photo/student-with-goth-style-school_23-2150576841.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Basic Accessory",
|
||||
price: "$60",
|
||||
variant: "Leather",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-fashion-stylist-instagram-template_23-2150226162.jpg",
|
||||
},
|
||||
id: "p6", name: "Basic Accessory", price: "$60", variant: "Leather", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-fashion-stylist-instagram-template_23-2150226162.jpg"},
|
||||
]}
|
||||
title="New Collection"
|
||||
description="Explore our latest arrivals."
|
||||
@@ -202,20 +135,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
description: "Happy Clients",
|
||||
},
|
||||
id: "m1", value: "10k+", description: "Happy Clients"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50+",
|
||||
description: "Unique Designs",
|
||||
},
|
||||
id: "m2", value: "50+", description: "Unique Designs"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Sustainable Sourcing",
|
||||
},
|
||||
id: "m3", value: "100%", description: "Sustainable Sourcing"},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Quality defined in numbers."
|
||||
@@ -229,40 +153,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "The quality is simply unmatched. My favorite brand.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-happy-young-european-woman-with-tender-toothy-smile-looks-aside-glad-come-formal-meeting-wears-round-transparent-glasses-white-elegant-shirt-poses-against-yellow-wall_273609-42880.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", handle: "@sarahj", testimonial: "The quality is simply unmatched. My favorite brand.", imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-happy-young-european-woman-with-tender-toothy-smile-looks-aside-glad-come-formal-meeting-wears-round-transparent-glasses-white-elegant-shirt-poses-against-yellow-wall_273609-42880.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael K.",
|
||||
handle: "@michealk",
|
||||
testimonial: "Incredible fit and feel. Truly minimalist perfection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-taking-photos-light-movie-projector_23-2149377329.jpg",
|
||||
},
|
||||
id: "t2", name: "Michael K.", handle: "@michealk", testimonial: "Incredible fit and feel. Truly minimalist perfection.", imageSrc: "http://img.b2bpic.net/free-photo/couple-taking-photos-light-movie-projector_23-2149377329.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
handle: "@emilyr",
|
||||
testimonial: "Love the sustainable approach and the classic styles.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-people-sale-urban-friendship_1157-3441.jpg",
|
||||
},
|
||||
id: "t3", name: "Emily R.", handle: "@emilyr", testimonial: "Love the sustainable approach and the classic styles.", imageSrc: "http://img.b2bpic.net/free-photo/happy-people-sale-urban-friendship_1157-3441.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David W.",
|
||||
handle: "@davidw",
|
||||
testimonial: "Best clothing investment I have made in years.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-personal-shopper-helping-cutomer_23-2148924091.jpg",
|
||||
},
|
||||
id: "t4", name: "David W.", handle: "@davidw", testimonial: "Best clothing investment I have made in years.", imageSrc: "http://img.b2bpic.net/free-photo/female-personal-shopper-helping-cutomer_23-2148924091.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Julia M.",
|
||||
handle: "@juliam",
|
||||
testimonial: "Clean design, durable materials, amazing experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-woman-with-copy-space_23-2148342416.jpg",
|
||||
},
|
||||
id: "t5", name: "Julia M.", handle: "@juliam", testimonial: "Clean design, durable materials, amazing experience.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-woman-with-copy-space_23-2148342416.jpg"},
|
||||
]}
|
||||
title="Loved By You"
|
||||
description="Voices from our community."
|
||||
@@ -275,20 +174,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What is your shipping policy?",
|
||||
content: "We ship worldwide within 5-7 business days.",
|
||||
},
|
||||
id: "q1", title: "What is your shipping policy?", content: "We ship worldwide within 5-7 business days."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I return items?",
|
||||
content: "Yes, we accept returns within 30 days of purchase.",
|
||||
},
|
||||
id: "q2", title: "Can I return items?", content: "Yes, we accept returns within 30 days of purchase."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are your materials sustainable?",
|
||||
content: "Absolutely, we use only ethically sourced fabrics.",
|
||||
},
|
||||
id: "q3", title: "Are your materials sustainable?", content: "Absolutely, we use only ethically sourced fabrics."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Get help with your orders."
|
||||
@@ -300,16 +190,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Connect"
|
||||
title="Get In Touch"
|
||||
description="Have questions about your order or our collections? We are here to help."
|
||||
buttons={[
|
||||
{
|
||||
text: "Email Us",
|
||||
href: "mailto:hello@luxelabel.com",
|
||||
},
|
||||
text: "Email Us", href: "mailto:hello@luxelabel.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -319,33 +206,21 @@ export default function LandingPage() {
|
||||
logoText="LUXE LABEL"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All",
|
||||
href: "#products",
|
||||
},
|
||||
label: "All", href: "#products"},
|
||||
{
|
||||
label: "Tees",
|
||||
href: "#",
|
||||
},
|
||||
label: "Tees", href: "#"},
|
||||
{
|
||||
label: "Pants",
|
||||
href: "#",
|
||||
},
|
||||
label: "Pants", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -354,4 +229,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user