Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
277
src/app/page.tsx
277
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Collection", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Elegance Couture"
|
||||
/>
|
||||
@@ -55,60 +43,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Where Art Meets Apparel"
|
||||
description="Crafting timeless silhouettes and redefining modern luxury for the discerning individual."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fashion-photo-young-magnificent-woman-white-shirt_158595-1011.jpg",
|
||||
alt: "elegant fashion designer portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fashion-photo-young-magnificent-woman-pink-shirt_158595-1033.jpg",
|
||||
alt: "Fashion photo of young magnificent woman in pink shirt",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-woman-working-as-interior-designer_23-2150346463.jpg",
|
||||
alt: "Full shot woman working as interior designer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-blond-female-black-clothes_613910-7955.jpg",
|
||||
alt: "Portrait of blond female in a black clothes.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dark-haired-lady-white-suit-holding-coffee-phone-charming-woman-linen-pants-beige-blouse-chatting-cellphone-drinking-tea_197531-27474.jpg",
|
||||
alt: "Dark haired lady in white suit holding coffee and phone",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#products",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/fashion-photo-young-magnificent-woman-white-shirt_158595-1011.jpg", alt: "elegant fashion designer portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/fashion-photo-young-magnificent-woman-pink-shirt_158595-1033.jpg", alt: "Fashion photo of young magnificent woman in pink shirt" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/full-shot-woman-working-as-interior-designer_23-2150346463.jpg", alt: "Full shot woman working as interior designer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-blond-female-black-clothes_613910-7955.jpg", alt: "Portrait of blond female in a black clothes." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/dark-haired-lady-white-suit-holding-coffee-phone-charming-woman-linen-pants-beige-blouse-chatting-cellphone-drinking-tea_197531-27474.jpg", alt: "Dark haired lady in white suit holding coffee and phone" },
|
||||
]}
|
||||
buttons={[{ text: "Explore Collection", href: "#products" }]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Haute Couture",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Luxury",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bespoke Tailoring",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisanal Craft",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Trendsetting",
|
||||
},
|
||||
{ type: "text", text: "Haute Couture" },
|
||||
{ type: "text", text: "Sustainable Luxury" },
|
||||
{ type: "text", text: "Bespoke Tailoring" },
|
||||
{ type: "text", text: "Artisanal Craft" },
|
||||
{ type: "text", text: "Global Trendsetting" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -117,22 +68,10 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Essence of Design",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-woman-choosing-costume-carnival-party_23-2148412877.jpg",
|
||||
alt: "fashion designer sketching atelier",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn Our Story",
|
||||
href: "#",
|
||||
},
|
||||
{ type: "text", content: "The Essence of Design" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/close-up-woman-choosing-costume-carnival-party_23-2148412877.jpg", alt: "fashion designer sketching atelier" },
|
||||
]}
|
||||
buttons={[{ text: "Learn Our Story", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -143,27 +82,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Sustainable Sourcing",
|
||||
description: "Ethically harvested materials for a better tomorrow.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pouch-with-herbs-bunches-sticks_23-2147677772.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/girl-knits-cafe_1321-373.jpg",
|
||||
buttonText: "Discover",
|
||||
},
|
||||
{
|
||||
title: "Bespoke Tailoring",
|
||||
description: "Garments cut to perfection for a flawless fit.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trendy-color_1098-13973.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/sartorial-designs-atelier-shop-walls_482257-79107.jpg",
|
||||
buttonText: "Read More",
|
||||
},
|
||||
{
|
||||
title: "Trend Forecasting",
|
||||
description: "Defining the styles of the next generation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-collage-portrait_23-2150108933.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-manufacturing-clothes_23-2149007429.jpg",
|
||||
buttonText: "View Trends",
|
||||
},
|
||||
{ title: "Sustainable Sourcing", description: "Ethically harvested materials for a better tomorrow.", imageSrc: "http://img.b2bpic.net/free-photo/pouch-with-herbs-bunches-sticks_23-2147677772.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/girl-knits-cafe_1321-373.jpg", buttonText: "Discover" },
|
||||
{ title: "Bespoke Tailoring", description: "Garments cut to perfection for a flawless fit.", imageSrc: "http://img.b2bpic.net/free-photo/trendy-color_1098-13973.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/sartorial-designs-atelier-shop-walls_482257-79107.jpg", buttonText: "Read More" },
|
||||
{ title: "Trend Forecasting", description: "Defining the styles of the next generation.", imageSrc: "http://img.b2bpic.net/free-photo/creative-collage-portrait_23-2150108933.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-manufacturing-clothes_23-2149007429.jpg", buttonText: "View Trends" },
|
||||
]}
|
||||
title="Our Craft"
|
||||
description="Precision, passion, and perfection in every stitch."
|
||||
@@ -177,48 +98,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Silk Gown",
|
||||
price: "$1,200",
|
||||
variant: "Evening",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-young-woman-lying-floor_23-2147781237.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Tailored Suit",
|
||||
price: "$950",
|
||||
variant: "Menswear",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-designer-trying-blue-coat-senior-man-his-shop_23-2148180344.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Leather Accessory",
|
||||
price: "$350",
|
||||
variant: "Accessory",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-ofsewn-face-mask-held-by-woman_23-2148614641.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Casual Chic Dress",
|
||||
price: "$450",
|
||||
variant: "Casual",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-woman-long-grey-dress_613910-7108.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Signature Blazer",
|
||||
price: "$600",
|
||||
variant: "Office",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-outdoors_23-2148323531.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Couture Bridal",
|
||||
price: "$3,000",
|
||||
variant: "Bridal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-length-shot-fashionable-model-girl-pink-evening-dress-background-brick-wall_627829-11963.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Silk Gown", price: "$1,200", variant: "Evening", imageSrc: "http://img.b2bpic.net/free-photo/crop-young-woman-lying-floor_23-2147781237.jpg" },
|
||||
{ id: "p2", name: "Tailored Suit", price: "$950", variant: "Menswear", imageSrc: "http://img.b2bpic.net/free-photo/fashion-designer-trying-blue-coat-senior-man-his-shop_23-2148180344.jpg" },
|
||||
{ id: "p3", name: "Leather Accessory", price: "$350", variant: "Accessory", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-ofsewn-face-mask-held-by-woman_23-2148614641.jpg" },
|
||||
{ id: "p4", name: "Casual Chic Dress", price: "$450", variant: "Casual", imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-woman-long-grey-dress_613910-7108.jpg" },
|
||||
{ id: "p5", name: "Signature Blazer", price: "$600", variant: "Office", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-outdoors_23-2148323531.jpg" },
|
||||
{ id: "p6", name: "Couture Bridal", price: "$3,000", variant: "Bridal", imageSrc: "http://img.b2bpic.net/free-photo/full-length-shot-fashionable-model-girl-pink-evening-dress-background-brick-wall_627829-11963.jpg" },
|
||||
]}
|
||||
title="Signature Collection"
|
||||
description="Timeless pieces for the modern wardrobe."
|
||||
@@ -231,21 +116,9 @@ export default function LandingPage() {
|
||||
title="By The Numbers"
|
||||
tag="Milestones"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "12+",
|
||||
description: "Collections Launched",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5k+",
|
||||
description: "Happy Clients",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Ethical Sourcing",
|
||||
},
|
||||
{ id: "m1", value: "12+", description: "Collections Launched" },
|
||||
{ id: "m2", value: "5k+", description: "Happy Clients" },
|
||||
{ id: "m3", value: "100%", description: "Ethical Sourcing" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -256,22 +129,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Meet the Minds"
|
||||
tag="Our Experts"
|
||||
membersAnimation="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Elena Rossi",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/painters-team-spend-quality-time-painting-their-artistic-studio_482257-122874.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-photo-young-magnificent-woman-white-shirt_158595-1015.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sophia Vane",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-animation-studio_23-2149207991.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Elena Rossi", imageSrc: "http://img.b2bpic.net/free-photo/painters-team-spend-quality-time-painting-their-artistic-studio_482257-122874.jpg" },
|
||||
{ id: "t2", name: "Marcus Chen", imageSrc: "http://img.b2bpic.net/free-photo/fashion-photo-young-magnificent-woman-white-shirt_158595-1015.jpg" },
|
||||
{ id: "t3", name: "Sophia Vane", imageSrc: "http://img.b2bpic.net/free-photo/people-working-together-animation-studio_23-2149207991.jpg" },
|
||||
]}
|
||||
memberVariant="card"
|
||||
/>
|
||||
@@ -283,41 +145,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Exquisite quality and design.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-tailor-holding-coffee_329181-17104.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike D.",
|
||||
handle: "@miked",
|
||||
testimonial: "My go-to for bespoke pieces.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-stylish-woman-sunglasses-wearing-grey-jacket-posing-with-red-lips-outdoor-city-goodlooking-stylish-lady-walking-city_291650-2650.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Anna P.",
|
||||
handle: "@annap",
|
||||
testimonial: "Pure artistry in every stitch.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/think-big-text-hand-drawn-light-bulb-yellow-background_23-2147865603.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
handle: "@davidw",
|
||||
testimonial: "Worth every penny for the fit.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-excited-curly-dark-skinned-woman-oversized-white-jacket-smiles-sincerely-looks-front-cuts-peace-lace-cozy-designer-office_197531-24102.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chloe T.",
|
||||
handle: "@chloet",
|
||||
testimonial: "Simply stunning collection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-girl-model-with-retro-film-camera-wearing-denim-jacket-dark-hair-outdoors-city-wall-cage-background-having-fun-city-with-camera-travel-photo-photographer_639032-2508.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "Exquisite quality and design.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-tailor-holding-coffee_329181-17104.jpg" },
|
||||
{ id: "2", name: "Mike D.", handle: "@miked", testimonial: "My go-to for bespoke pieces.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-stylish-woman-sunglasses-wearing-grey-jacket-posing-with-red-lips-outdoor-city-goodlooking-stylish-lady-walking-city_291650-2650.jpg" },
|
||||
{ id: "3", name: "Anna P.", handle: "@annap", testimonial: "Pure artistry in every stitch.", imageSrc: "http://img.b2bpic.net/free-photo/think-big-text-hand-drawn-light-bulb-yellow-background_23-2147865603.jpg" },
|
||||
{ id: "4", name: "David W.", handle: "@davidw", testimonial: "Worth every penny for the fit.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-excited-curly-dark-skinned-woman-oversized-white-jacket-smiles-sincerely-looks-front-cuts-peace-lace-cozy-designer-office_197531-24102.jpg" },
|
||||
{ id: "5", name: "Chloe T.", handle: "@chloet", testimonial: "Simply stunning collection.", imageSrc: "http://img.b2bpic.net/free-photo/cool-girl-model-with-retro-film-camera-wearing-denim-jacket-dark-hair-outdoors-city-wall-cage-background-having-fun-city-with-camera-travel-photo-photographer_639032-2508.jpg" },
|
||||
]}
|
||||
title="Client Love"
|
||||
description="What they say about their experience."
|
||||
@@ -329,21 +161,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you do custom sizing?",
|
||||
content: "Yes, all bespoke items are fitted to your measurements.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Where are materials sourced?",
|
||||
content: "From ethical suppliers across Europe and Asia.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How long for production?",
|
||||
content: "Standard custom pieces take 4-6 weeks.",
|
||||
},
|
||||
{ id: "f1", title: "Do you do custom sizing?", content: "Yes, all bespoke items are fitted to your measurements." },
|
||||
{ id: "f2", title: "Where are materials sourced?", content: "From ethical suppliers across Europe and Asia." },
|
||||
{ id: "f3", title: "How long for production?", content: "Standard custom pieces take 4-6 weeks." },
|
||||
]}
|
||||
title="Common Inquiries"
|
||||
description="Everything you need to know about us."
|
||||
@@ -354,18 +174,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in Touch"
|
||||
title="Let's Design Together"
|
||||
description="Book a consultation or reach out for inquiries."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@elegance.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "mailto:hello@elegance.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user