Merge version_1 into main #1
232
src/app/page.tsx
232
src/app/page.tsx
@@ -32,29 +32,17 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "#collections",
|
||||
},
|
||||
name: "Collections", id: "#collections"},
|
||||
{
|
||||
name: "Team",
|
||||
id: "#team",
|
||||
},
|
||||
name: "Team", id: "#team"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Fashion Studio"
|
||||
/>
|
||||
@@ -63,44 +51,23 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Crafting Elegance in Every Stitch"
|
||||
description="Discover bespoke fashion and exclusive collections from a visionary designer, where artistry meets sophisticated style."
|
||||
tag="Haute Couture & Ready-to-Wear"
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collections",
|
||||
href: "#collections",
|
||||
},
|
||||
text: "Explore Collections", href: "#collections"},
|
||||
{
|
||||
text: "Book a Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book a Consultation", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-casual-outfit-posing-white-studio-background_89887-1469.jpg",
|
||||
imageAlt: "Fashion model in elegant gown",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-casual-outfit-posing-white-studio-background_89887-1469.jpg", imageAlt: "Fashion model in elegant gown"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-adult-good-looking-caucasian-male-fashion-designer-with-stylish-hairstyle-fashionable-outfit-his-studio-working-new-dress-winter-clothes-collection_176420-11850.jpg",
|
||||
imageAlt: "Fashion designer at work",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-curly-haired-long-legs-girl-black-leather-jacket-with-swimmsuit-cap-posed-studio-chair-against-dark-brick-wall_627829-7825.jpg",
|
||||
imageAlt: "Brunette curly haired long legs girl in black leather jacket with swimmsuit and cap posed at studio on chair against dark brick wall",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-female-dancing-long-red-dress_613910-6986.jpg",
|
||||
imageAlt: "Blond female dancing in long red dress",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-hat-sitting-box-white-wall_176420-8478.jpg",
|
||||
imageAlt: "Beautiful girl in hat sitting on box over white wall",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-adult-good-looking-caucasian-male-fashion-designer-with-stylish-hairstyle-fashionable-outfit-his-studio-working-new-dress-winter-clothes-collection_176420-11850.jpg", imageAlt: "Fashion designer at work"}
|
||||
]}
|
||||
mediaAnimation="opacity"
|
||||
rating={5}
|
||||
@@ -118,17 +85,11 @@ export default function LandingPage() {
|
||||
tag="The Art of Fashion"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Inspired Design",
|
||||
description: "Drawing inspiration from art, culture, and nature to create unique narratives in fabric.",
|
||||
},
|
||||
title: "Inspired Design", description: "Drawing inspiration from art, culture, and nature to create unique narratives in fabric."},
|
||||
{
|
||||
title: "Exquisite Craftsmanship",
|
||||
description: "Meticulous attention to detail and hand-finished techniques define every garment.",
|
||||
},
|
||||
title: "Exquisite Craftsmanship", description: "Meticulous attention to detail and hand-finished techniques define every garment."},
|
||||
{
|
||||
title: "Sustainable Practices",
|
||||
description: "Committed to ethical sourcing and sustainable processes in our creative journey.",
|
||||
},
|
||||
title: "Sustainable Practices", description: "Committed to ethical sourcing and sustainable processes in our creative journey."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-woman-working-as-interior-designer_23-2150346509.jpg"
|
||||
imageAlt="Fashion designer working in a studio"
|
||||
@@ -143,26 +104,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "bespoke",
|
||||
title: "Bespoke Creations",
|
||||
subtitle: "Unique garments tailored to your vision.",
|
||||
category: "Service",
|
||||
value: "Personalized",
|
||||
},
|
||||
id: "bespoke", title: "Bespoke Creations", subtitle: "Unique garments tailored to your vision.", category: "Service", value: "Personalized"},
|
||||
{
|
||||
id: "atelier",
|
||||
title: "Atelier Experience",
|
||||
subtitle: "Immerse yourself in our design process.",
|
||||
category: "Process",
|
||||
value: "Exclusive",
|
||||
},
|
||||
id: "atelier", title: "Atelier Experience", subtitle: "Immerse yourself in our design process.", category: "Process", value: "Exclusive"},
|
||||
{
|
||||
id: "runway",
|
||||
title: "Runway Collections",
|
||||
subtitle: "Explore our latest seasonal showcases.",
|
||||
category: "Showcase",
|
||||
value: "Seasonal",
|
||||
},
|
||||
id: "runway", title: "Runway Collections", subtitle: "Explore our latest seasonal showcases.", category: "Showcase", value: "Seasonal"},
|
||||
]}
|
||||
title="Our Design Philosophy"
|
||||
description="We believe fashion is an extension of identity. Our approach centers on individuality, quality, and innovative design."
|
||||
@@ -177,47 +123,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "gown-1",
|
||||
name: "Celestial Gown",
|
||||
price: "Price on Request",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-model-woman-shiny-lace-evening-dress-posing-sitting-chair-beige-color_285396-7779.jpg",
|
||||
imageAlt: "Elegant Celestial Gown",
|
||||
},
|
||||
id: "gown-1", name: "Celestial Gown", price: "Price on Request", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-model-woman-shiny-lace-evening-dress-posing-sitting-chair-beige-color_285396-7779.jpg", imageAlt: "Elegant Celestial Gown"},
|
||||
{
|
||||
id: "suit-1",
|
||||
name: "Metropolitan Suit",
|
||||
price: "Price on Request",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-man-posing-chair_23-2149518282.jpg",
|
||||
imageAlt: "Modern Metropolitan Suit",
|
||||
},
|
||||
id: "suit-1", name: "Metropolitan Suit", price: "Price on Request", imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-man-posing-chair_23-2149518282.jpg", imageAlt: "Modern Metropolitan Suit"},
|
||||
{
|
||||
id: "jumpsuit-1",
|
||||
name: "Urban Chic Jumpsuit",
|
||||
price: "Price on Request",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-african-american-woman-model-black-jacket-relaxing-cafe-free-time-with-mobile-phone_627829-5394.jpg",
|
||||
imageAlt: "Stylish Urban Chic Jumpsuit",
|
||||
},
|
||||
id: "jumpsuit-1", name: "Urban Chic Jumpsuit", price: "Price on Request", imageSrc: "http://img.b2bpic.net/free-photo/charming-african-american-woman-model-black-jacket-relaxing-cafe-free-time-with-mobile-phone_627829-5394.jpg", imageAlt: "Stylish Urban Chic Jumpsuit"},
|
||||
{
|
||||
id: "bridal-1",
|
||||
name: "Seraphina Bridal",
|
||||
price: "Price on Request",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-corset-wedding-dress_1304-3713.jpg",
|
||||
imageAlt: "Exquisite Seraphina Bridal Gown",
|
||||
},
|
||||
id: "bridal-1", name: "Seraphina Bridal", price: "Price on Request", imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-corset-wedding-dress_1304-3713.jpg", imageAlt: "Exquisite Seraphina Bridal Gown"},
|
||||
{
|
||||
id: "printed-1",
|
||||
name: "Aurora Dress",
|
||||
price: "Price on Request",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gen-z-person-exploring-absurdist-fashion-beauty_23-2151104115.jpg",
|
||||
imageAlt: "Vibrant Aurora Print Dress",
|
||||
},
|
||||
id: "printed-1", name: "Aurora Dress", price: "Price on Request", imageSrc: "http://img.b2bpic.net/free-photo/gen-z-person-exploring-absurdist-fashion-beauty_23-2151104115.jpg", imageAlt: "Vibrant Aurora Print Dress"},
|
||||
{
|
||||
id: "avant-garde-1",
|
||||
name: "Evolve Ensemble",
|
||||
price: "Price on Request",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-k-pop-clothing-urban-scene_23-2149096948.jpg",
|
||||
imageAlt: "Avant-garde Evolve Ensemble",
|
||||
},
|
||||
id: "avant-garde-1", name: "Evolve Ensemble", price: "Price on Request", imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-k-pop-clothing-urban-scene_23-2149096948.jpg", imageAlt: "Avant-garde Evolve Ensemble"},
|
||||
]}
|
||||
title="Our Latest Collections"
|
||||
description="Browse our curated collections, each a testament to innovative design and unparalleled craftsmanship."
|
||||
@@ -233,23 +149,11 @@ export default function LandingPage() {
|
||||
membersAnimation="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "designer",
|
||||
name: "Ava Sterling",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13831.jpg",
|
||||
imageAlt: "Portrait of Ava Sterling, Lead Designer",
|
||||
},
|
||||
id: "designer", name: "Ava Sterling", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-plump-male-eyeglasses-grey-background_613910-13831.jpg", imageAlt: "Portrait of Ava Sterling, Lead Designer"},
|
||||
{
|
||||
id: "stylist",
|
||||
name: "Leo Vance",
|
||||
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: "Portrait of Leo Vance, Head Stylist",
|
||||
},
|
||||
id: "stylist", name: "Leo Vance", 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: "Portrait of Leo Vance, Head Stylist"},
|
||||
{
|
||||
id: "tailor",
|
||||
name: "Elara Reed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-young-male-fashion-designer-work-studio_23-2148180326.jpg",
|
||||
imageAlt: "Portrait of Elara Reed, Master Tailor",
|
||||
},
|
||||
id: "tailor", name: "Elara Reed", imageSrc: "http://img.b2bpic.net/free-photo/concentrated-young-male-fashion-designer-work-studio_23-2148180326.jpg", imageAlt: "Portrait of Elara Reed, Master Tailor"},
|
||||
]}
|
||||
memberVariant="card"
|
||||
/>
|
||||
@@ -262,45 +166,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Isabella Chen",
|
||||
handle: "@isabellac",
|
||||
testimonial: "The gown designed for me was beyond perfection. Ava's vision brought my dream to life with such elegance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/store-assistant-posing-fashion-department-store_482257-67119.jpg",
|
||||
imageAlt: "Isabella Chen",
|
||||
},
|
||||
id: "t1", name: "Isabella Chen", handle: "@isabellac", testimonial: "The gown designed for me was beyond perfection. Ava's vision brought my dream to life with such elegance.", imageSrc: "http://img.b2bpic.net/free-photo/store-assistant-posing-fashion-department-store_482257-67119.jpg", imageAlt: "Isabella Chen"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus Thorne",
|
||||
handle: "@marcust",
|
||||
testimonial: "The bespoke suit I commissioned is simply impeccable. The fit and craftsmanship are second to none.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-talking-phone_23-2148352552.jpg",
|
||||
imageAlt: "Marcus Thorne",
|
||||
},
|
||||
id: "t2", name: "Marcus Thorne", handle: "@marcust", testimonial: "The bespoke suit I commissioned is simply impeccable. The fit and craftsmanship are second to none.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-talking-phone_23-2148352552.jpg", imageAlt: "Marcus Thorne"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sophia Rodriguez",
|
||||
handle: "@sophian",
|
||||
testimonial: "For my special event, I needed something unique. This studio delivered a masterpiece that turned heads.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indian-woman-s-hand-painted-with-mehndi-holds-glass-wine_8353-772.jpg",
|
||||
imageAlt: "Sophia Rodriguez",
|
||||
},
|
||||
id: "t3", name: "Sophia Rodriguez", handle: "@sophian", testimonial: "For my special event, I needed something unique. This studio delivered a masterpiece that turned heads.", imageSrc: "http://img.b2bpic.net/free-photo/indian-woman-s-hand-painted-with-mehndi-holds-glass-wine_8353-772.jpg", imageAlt: "Sophia Rodriguez"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Daniel Kim",
|
||||
handle: "@danielk",
|
||||
testimonial: "The attention to detail and the personalized service made the entire experience truly luxurious. Highly recommend!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shopping-day-international-girlfriends-women-city_1157-46938.jpg",
|
||||
imageAlt: "Daniel Kim",
|
||||
},
|
||||
id: "t4", name: "Daniel Kim", handle: "@danielk", testimonial: "The attention to detail and the personalized service made the entire experience truly luxurious. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/shopping-day-international-girlfriends-women-city_1157-46938.jpg", imageAlt: "Daniel Kim"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Olivia White",
|
||||
handle: "@oliviaw",
|
||||
testimonial: "My wedding dress was an absolute dream. Every stitch felt like it was made just for me. Thank you!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-young-man-giving-white-flowers-bouquet-her-smiling-girlfriend_23-2148151758.jpg",
|
||||
imageAlt: "Olivia White",
|
||||
},
|
||||
id: "t5", name: "Olivia White", handle: "@oliviaw", testimonial: "My wedding dress was an absolute dream. Every stitch felt like it was made just for me. Thank you!", imageSrc: "http://img.b2bpic.net/free-photo/african-young-man-giving-white-flowers-bouquet-her-smiling-girlfriend_23-2148151758.jpg", imageAlt: "Olivia White"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear from those who have experienced our unique blend of design and craftsmanship."
|
||||
@@ -315,30 +189,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How long does a bespoke creation take?",
|
||||
content: "The timeline for a bespoke piece varies depending on complexity, fabric sourcing, and fittings, typically ranging from 6 to 12 weeks. We ensure meticulous attention at every stage.",
|
||||
},
|
||||
id: "q1", title: "How long does a bespoke creation take?", content: "The timeline for a bespoke piece varies depending on complexity, fabric sourcing, and fittings, typically ranging from 6 to 12 weeks. We ensure meticulous attention at every stage."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What is the process for a custom design?",
|
||||
content: "Our custom design process begins with an initial consultation, followed by conceptual sketches, fabric selection, multiple fittings, and final adjustments to perfect your garment.",
|
||||
},
|
||||
id: "q2", title: "What is the process for a custom design?", content: "Our custom design process begins with an initial consultation, followed by conceptual sketches, fabric selection, multiple fittings, and final adjustments to perfect your garment."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer international shipping?",
|
||||
content: "Yes, we offer secure international shipping for our ready-to-wear collections and bespoke creations, ensuring your garment arrives safely and promptly.",
|
||||
},
|
||||
id: "q3", title: "Do you offer international shipping?", content: "Yes, we offer secure international shipping for our ready-to-wear collections and bespoke creations, ensuring your garment arrives safely and promptly."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Can I provide my own fabric?",
|
||||
content: "While we offer a curated selection of exquisite fabrics, clients are welcome to provide their own material if it meets our quality and design standards for bespoke work.",
|
||||
},
|
||||
id: "q4", title: "Can I provide my own fabric?", content: "While we offer a curated selection of exquisite fabrics, clients are welcome to provide their own material if it meets our quality and design standards for bespoke work."},
|
||||
{
|
||||
id: "q5",
|
||||
title: "What is your return/exchange policy?",
|
||||
content: "Ready-to-wear items can be returned or exchanged within 14 days. Due to their unique nature, bespoke creations are non-returnable but we guarantee satisfaction through fitting adjustments.",
|
||||
},
|
||||
id: "q5", title: "What is your return/exchange policy?", content: "Ready-to-wear items can be returned or exchanged within 14 days. Due to their unique nature, bespoke creations are non-returnable but we guarantee satisfaction through fitting adjustments."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common questions about our design process, services, and collections."
|
||||
@@ -350,20 +209,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Get in Touch"
|
||||
title="Ready to Define Your Style?"
|
||||
description="Connect with us to schedule a consultation, inquire about our collections, or discuss a custom design."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Consultation",
|
||||
href: "mailto:info@fashionstudio.com",
|
||||
},
|
||||
text: "Book a Consultation", href: "mailto:info@fashionstudio.com"},
|
||||
{
|
||||
text: "Visit Our Atelier",
|
||||
href: "#",
|
||||
},
|
||||
text: "Visit Our Atelier", href: "#"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -373,13 +227,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Fashion Studio"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user