Merge version_2 into main #1
173
src/app/page.tsx
173
src/app/page.tsx
@@ -29,17 +29,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collection", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
]}
|
||||
brandName="Elegance"
|
||||
/>
|
||||
@@ -48,47 +42,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
title="Timeless Elegance"
|
||||
description="Discover our curated collection of sophisticated, high-quality essentials designed for the modern lifestyle."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Collection", href: "#products"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453466.jpg",
|
||||
imageAlt: "Model in neutral attire",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453466.jpg", imageAlt: "Model in neutral attire"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait-with-flowers_23-2148830405.jpg",
|
||||
imageAlt: "Fashion editorial portrait",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait-with-flowers_23-2148830405.jpg", imageAlt: "Fashion editorial portrait"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-female-wearing-formal-suit_23-2148880273.jpg",
|
||||
imageAlt: "Studio fashion shot",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-female-wearing-formal-suit_23-2148880273.jpg", imageAlt: "Studio fashion shot"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait-with-flowers_23-2148830425.jpg",
|
||||
imageAlt: "Minimalist clothing detail",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait-with-flowers_23-2148830425.jpg", imageAlt: "Minimalist clothing detail"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-girl-posing-with-closed-eyes_176420-8508.jpg",
|
||||
imageAlt: "Modern apparel style",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-girl-posing-with-closed-eyes_176420-8508.jpg", imageAlt: "Modern apparel style"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-girl-with-flying-hair-posing-studio_158595-786.jpg",
|
||||
imageAlt: "Sophisticated lifestyle portrait",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/attractive-girl-with-flying-hair-posing-studio_158595-786.jpg", imageAlt: "Sophisticated lifestyle portrait"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -101,41 +74,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Signature Linen Shirt",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478986.jpg",
|
||||
},
|
||||
id: "p1", name: "Signature Linen Shirt", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478986.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Tailored Trousers",
|
||||
price: "$180",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-toilet-bag-products_23-2149879474.jpg",
|
||||
},
|
||||
id: "p2", name: "Tailored Trousers", price: "$180", imageSrc: "http://img.b2bpic.net/free-photo/view-toilet-bag-products_23-2149879474.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Merino Wool Knit",
|
||||
price: "$150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cozy-texture-clothing_23-2149432460.jpg",
|
||||
},
|
||||
id: "p3", name: "Merino Wool Knit", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cozy-texture-clothing_23-2149432460.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Classic Overcoat",
|
||||
price: "$350",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-fedora-hat-studio_23-2150737162.jpg",
|
||||
},
|
||||
id: "p4", name: "Classic Overcoat", price: "$350", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-fedora-hat-studio_23-2150737162.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Casual Cotton Blazer",
|
||||
price: "$220",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-female-wearing-brown-dress-metallic-leaf-shaped-ring_181624-23911.jpg",
|
||||
},
|
||||
id: "p5", name: "Casual Cotton Blazer", price: "$220", imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-female-wearing-brown-dress-metallic-leaf-shaped-ring_181624-23911.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Silk Essential Blouse",
|
||||
price: "$190",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stacked-aesthetic-objects-still-life_23-2150230663.jpg",
|
||||
},
|
||||
id: "p6", name: "Silk Essential Blouse", price: "$190", imageSrc: "http://img.b2bpic.net/free-photo/stacked-aesthetic-objects-still-life_23-2150230663.jpg"},
|
||||
]}
|
||||
title="Curated Collection"
|
||||
description="Experience superior quality and design in every piece."
|
||||
@@ -149,17 +98,11 @@ export default function LandingPage() {
|
||||
description="We believe in creating timeless pieces that blend luxury with everyday utility, ensuring you always feel your best."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Premium Materials",
|
||||
},
|
||||
value: "100%", title: "Premium Materials"},
|
||||
{
|
||||
value: "12+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
value: "12+", title: "Years Experience"},
|
||||
{
|
||||
value: "50K+",
|
||||
title: "Happy Clients",
|
||||
},
|
||||
value: "50K+", title: "Happy Clients"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-sewing-face-mask-manually_23-2148614630.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -174,45 +117,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Elena Ross",
|
||||
handle: "@elenaross",
|
||||
testimonial: "The quality of the linen shirt is unparalleled. Perfect fit.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-holding-sunglasses_23-2149105479.jpg",
|
||||
},
|
||||
id: "t1", name: "Elena Ross", handle: "@elenaross", testimonial: "The quality of the linen shirt is unparalleled. Perfect fit.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-holding-sunglasses_23-2149105479.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark Stevens",
|
||||
handle: "@mstevens",
|
||||
testimonial: "Finally found a brand that values comfort and style equally.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-chair_23-2149518283.jpg",
|
||||
},
|
||||
id: "t2", name: "Mark Stevens", handle: "@mstevens", testimonial: "Finally found a brand that values comfort and style equally.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-chair_23-2149518283.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah Jenkins",
|
||||
handle: "@sjenkins",
|
||||
testimonial: "Absolutely love the minimalist aesthetic. Will buy again.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021799.jpg",
|
||||
},
|
||||
id: "t3", name: "Sarah Jenkins", handle: "@sjenkins", testimonial: "Absolutely love the minimalist aesthetic. Will buy again.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021799.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Thorne",
|
||||
handle: "@dthorne",
|
||||
testimonial: "Professional and stylish. Exactly what I was looking for.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-having-fun-festival_23-2150693697.jpg",
|
||||
},
|
||||
id: "t4", name: "David Thorne", handle: "@dthorne", testimonial: "Professional and stylish. Exactly what I was looking for.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-having-fun-festival_23-2150693697.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Linda Miller",
|
||||
handle: "@lmiller",
|
||||
testimonial: "Exquisite textures. Truly elevates my everyday look.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-shopper-applying-dress-with-hanger-looking-mirror-woman-choosing-clothes-fashion-store-shopping-retail-concept_74855-11792.jpg",
|
||||
},
|
||||
id: "t5", name: "Linda Miller", handle: "@lmiller", testimonial: "Exquisite textures. Truly elevates my everyday look.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-shopper-applying-dress-with-hanger-looking-mirror-woman-choosing-clothes-fashion-store-shopping-retail-concept_74855-11792.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="From Our Community"
|
||||
@@ -224,14 +142,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Ready to redefine your wardrobe? We are here to assist you with any questions about our collection or services."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@elegance.com",
|
||||
},
|
||||
text: "Contact Us", href: "mailto:hello@elegance.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -240,29 +155,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Shipping Info",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping Info", href: "#"},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
label: "Returns", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -273,4 +178,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user