Update src/app/page.tsx
This commit is contained in:
224
src/app/page.tsx
224
src/app/page.tsx
@@ -28,94 +28,39 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Showcase",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Showcase", id: "products" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Lumina"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Where Craft Meets Couture"
|
||||
description="Experience bespoke fashion design tailored to your unique identity, where every stitch tells a story of elegance and timeless craftsmanship."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/darkskinner-young-curly-woman-khaki-shorts-white-blouse-holds-paper-sheets-talk-shorthaired-girl-linen-dress-women-work-as-fashion-designers-look-dissatisfied_197531-29792.jpg"
|
||||
imageAlt="Fashion mannequin in studio"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Book Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Explore Collection", href: "#products" }, { text: "Book Consultation", href: "#contact" }]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-trying-dress_23-2149241370.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-jacket-leaning-wall-cafe_171337-16379.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-sensual-young-girl-with-curly-blonde-hair-dressed-pink-t-shirt-jacket-posing-against-sea-coast_613910-5374.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-yellow-jacket_23-2149020792.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-trying-dress_23-2149241370.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-trying-dress_23-2149241370.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-jacket-leaning-wall-cafe_171337-16379.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-sensual-young-girl-with-curly-blonde-hair-dressed-pink-t-shirt-jacket-posing-against-sea-coast_613910-5374.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-yellow-jacket_23-2149020792.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-trying-dress_23-2149241370.jpg", alt: "Client 5" }
|
||||
]}
|
||||
avatarText="Join 500+ satisfied clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Timeless Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bespoke Tailoring",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Luxury",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Handcrafted Excellence",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Materials",
|
||||
},
|
||||
{ type: "text", text: "Timeless Design" },
|
||||
{ type: "text", text: "Bespoke Tailoring" },
|
||||
{ type: "text", text: "Sustainable Luxury" },
|
||||
{ type: "text", text: "Handcrafted Excellence" },
|
||||
{ type: "text", text: "Premium Materials" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -126,18 +71,9 @@ export default function LandingPage() {
|
||||
title="Our Design Philosophy"
|
||||
description="We blend heritage techniques with modern aesthetics, creating garments that are not just worn, but felt. Each piece is a testament to quality, sustainability, and personal expression."
|
||||
metrics={[
|
||||
{
|
||||
value: "12+",
|
||||
title: "Years Expertise",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Bespoke Pieces",
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
title: "Client Satisfaction",
|
||||
},
|
||||
{ value: "12+", title: "Years Expertise" },
|
||||
{ value: "500+", title: "Bespoke Pieces" },
|
||||
{ value: "98%", title: "Client Satisfaction" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-christmas-wrapping-process_23-2148332560.jpg"
|
||||
imageAlt="Designer at work"
|
||||
@@ -153,42 +89,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Silk Flow Gown",
|
||||
price: "$850",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-woman-performing-ballet_23-2148461781.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Tailored Blazer",
|
||||
price: "$520",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-fashionable-clothing-boutique-generative-ai_188544-40697.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Minimalist Wrap",
|
||||
price: "$380",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-model-career-kit-arrangement_23-2150084007.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Chiffon Blouse",
|
||||
price: "$290",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-woman-performing-ballet_23-2148461781.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Tapered Trousers",
|
||||
price: "$310",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-fashionable-clothing-boutique-generative-ai_188544-40697.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Wool Overcoat",
|
||||
price: "$950",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-model-career-kit-arrangement_23-2150084007.jpg?_wi=2",
|
||||
},
|
||||
{ id: "p1", name: "Silk Flow Gown", price: "$850", imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-woman-performing-ballet_23-2148461781.jpg" },
|
||||
{ id: "p2", name: "Tailored Blazer", price: "$520", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-fashionable-clothing-boutique-generative-ai_188544-40697.jpg" },
|
||||
{ id: "p3", name: "Minimalist Wrap", price: "$380", imageSrc: "http://img.b2bpic.net/free-photo/blue-model-career-kit-arrangement_23-2150084007.jpg" },
|
||||
{ id: "p4", name: "Chiffon Blouse", price: "$290", imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-woman-performing-ballet_23-2148461781.jpg" },
|
||||
{ id: "p5", name: "Tapered Trousers", price: "$310", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-fashionable-clothing-boutique-generative-ai_188544-40697.jpg" },
|
||||
{ id: "p6", name: "Wool Overcoat", price: "$950", imageSrc: "http://img.b2bpic.net/free-photo/blue-model-career-kit-arrangement_23-2150084007.jpg" }
|
||||
]}
|
||||
title="The Collection"
|
||||
description="A curated selection of our finest designs, each reflecting our commitment to silhouette, fabric quality, and meticulous detailing."
|
||||
@@ -201,60 +107,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elena Rossi",
|
||||
role: "Architect",
|
||||
company: "Studio A",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-trying-dress_23-2149241370.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus Chen",
|
||||
role: "Creative Director",
|
||||
company: "Innovate",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-jacket-leaning-wall-cafe_171337-16379.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah Jenkins",
|
||||
role: "Editor",
|
||||
company: "Fashion Weekly",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-sensual-young-girl-with-curly-blonde-hair-dressed-pink-t-shirt-jacket-posing-against-sea-coast_613910-5374.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Oliver Quinn",
|
||||
role: "Art Consultant",
|
||||
company: "Quinn Arts",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-yellow-jacket_23-2149020792.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Maya Singh",
|
||||
role: "Entrepreneur",
|
||||
company: "Maya Co",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-trying-dress_23-2149241370.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", name: "Elena Rossi", role: "Architect", company: "Studio A", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-trying-dress_23-2149241370.jpg" },
|
||||
{ id: "2", name: "Marcus Chen", role: "Creative Director", company: "Innovate", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-jacket-leaning-wall-cafe_171337-16379.jpg" },
|
||||
{ id: "3", name: "Sarah Jenkins", role: "Editor", company: "Fashion Weekly", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-sensual-young-girl-with-curly-blonde-hair-dressed-pink-t-shirt-jacket-posing-against-sea-coast_613910-5374.jpg" },
|
||||
{ id: "4", name: "Oliver Quinn", role: "Art Consultant", company: "Quinn Arts", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-yellow-jacket_23-2149020792.jpg" },
|
||||
{ id: "5", name: "Maya Singh", role: "Entrepreneur", company: "Maya Co", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-trying-dress_23-2149241370.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Client Joy",
|
||||
},
|
||||
{
|
||||
value: "48h",
|
||||
label: "Consultation",
|
||||
},
|
||||
{
|
||||
value: "Global",
|
||||
label: "Shipping",
|
||||
},
|
||||
{ value: "100%", label: "Client Joy" },
|
||||
{ value: "48h", label: "Consultation" },
|
||||
{ value: "Global", label: "Shipping" }
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="Discover how our bespoke designs have transformed the wardrobes and confidence of our cherished clients."
|
||||
@@ -264,9 +126,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in touch"
|
||||
title="Ready for a bespoke session?"
|
||||
description="Start your journey toward a perfectly tailored garment. Book your consultation today and step into a world of personalized elegance."
|
||||
@@ -278,17 +138,11 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Lumina Fashion"
|
||||
leftLink={{
|
||||
text: "Terms & Conditions",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Terms & Conditions", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user