Merge version_1 into main #1
448
src/app/page.tsx
448
src/app/page.tsx
@@ -27,364 +27,108 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "product",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="#annbim_sTitches"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Collection", id: "product" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="#annbim_sTitches"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Crafting Your Perfect Fit"
|
||||
description="At #annbim_sTitches, we transform fabrics into expressions of your unique identity through bespoke tailoring and artisan design."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-wool-texture-details_23-2149620390.jpg",
|
||||
imageAlt: "Designer studio",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-is-tossing-two-wedding-rings_8353-11013.jpg",
|
||||
imageAlt: "Tailoring detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2151272894.jpg",
|
||||
imageAlt: "Studio view",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-seamstress-drawing-with-soap-pink-textile-modern-sewing-workshop_574295-3700.jpg",
|
||||
imageAlt: "Moodboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workshop-with-clothes-sewing-machine_23-2148875333.jpg",
|
||||
imageAlt: "Machine craft",
|
||||
},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-female-fashion-designer-working-atelier-with-color-palette_23-2148846699.jpg",
|
||||
imageAlt: "Palette",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-creating-clothes-close-up_23-2149007421.jpg",
|
||||
imageAlt: "Craft",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-repairing-fashion-goods_23-2150627941.jpg",
|
||||
imageAlt: "Mood",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-curly-dark-skinned-woman-white-pants-jacket-blouse-leans-desk-fashion-designer-office-holds-coffee-cup-laptop_197531-24108.jpg",
|
||||
imageAlt: "View",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-s-hand-stitching-fabric-house-with-needle-workplace_23-2148164422.jpg",
|
||||
imageAlt: "Detail",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-red-thread-with-sewn-heart_23-2149894011.jpg",
|
||||
alt: "Client profile 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pair-metallic-reels-yarn_23-2148212726.jpg",
|
||||
alt: "Client profile 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/concept-fibers-burlap-material-pinkness_23-2148066714.jpg",
|
||||
alt: "Client profile 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-hand-sewing-jeans_23-2148876481.jpg",
|
||||
alt: "Client profile 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-s-hands-with-white-nails-lies-man-s-back_8353-684.jpg",
|
||||
alt: "Client profile 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 500+ satisfied clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/elements-fashion-designing-studio_23-2150407928.jpg",
|
||||
alt: "Brand partner 1",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2151272939.jpg",
|
||||
alt: "Brand partner 2",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2150543688.jpg",
|
||||
alt: "Brand partner 3",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2151273048.jpg",
|
||||
alt: "Brand partner 4",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/essential-elements-fashion-design-studio_23-2150414765.jpg",
|
||||
alt: "Brand partner 5",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{ variant: "plain" }}
|
||||
title="Crafting Your Perfect Fit"
|
||||
description="At #annbim_sTitches, we transform fabrics into expressions of your unique identity through bespoke tailoring and artisan design."
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-wool-texture-details_23-2149620390.jpg", imageAlt: "Designer studio" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-is-tossing-two-wedding-rings_8353-11013.jpg", imageAlt: "Tailoring detail" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2151272894.jpg", imageAlt: "Studio view" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-seamstress-drawing-with-soap-pink-textile-modern-sewing-workshop_574295-3700.jpg", imageAlt: "Moodboard" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/workshop-with-clothes-sewing-machine_23-2148875333.jpg", imageAlt: "Machine craft" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-female-fashion-designer-working-atelier-with-color-palette_23-2148846699.jpg", imageAlt: "Palette" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hands-creating-clothes-close-up_23-2149007421.jpg", imageAlt: "Craft" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-repairing-fashion-goods_23-2150627941.jpg", imageAlt: "Mood" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-curly-dark-skinned-woman-white-pants-jacket-blouse-leans-desk-fashion-designer-office-holds-coffee-cup-laptop_197531-24108.jpg", imageAlt: "View" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-s-hand-stitching-fabric-house-with-needle-workplace_23-2148164422.jpg", imageAlt: "Detail" }
|
||||
]}
|
||||
buttons={[{ text: "Book Consultation", href: "#contact" }]}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/view-red-thread-with-sewn-heart_23-2149894011.jpg", alt: "Client profile 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pair-metallic-reels-yarn_23-2148212726.jpg", alt: "Client profile 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/concept-fibers-burlap-material-pinkness_23-2148066714.jpg", alt: "Client profile 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-hand-sewing-jeans_23-2148876481.jpg", alt: "Client profile 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-s-hands-with-white-nails-lies-man-s-back_8353-684.jpg", alt: "Client profile 5" }
|
||||
]}
|
||||
avatarText="Join 500+ satisfied clients"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="The Art of #annbim_sTitches"
|
||||
description="Our studio is dedicated to the philosophy that every stitch should tell a story. We combine traditional techniques with modern aesthetic sensibilities, ensuring that every garment fits not just your body, but your lifestyle. From the initial measurement to the final fitting, your journey with us is centered on precision, quality, and individual expression."
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="The Art of #annbim_sTitches"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Bespoke Evening Gown",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-sexy-blond-woman-model-evening-dress-posing-blue-sky_158538-8290.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Artisan Tailored Jacket",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-autumn-leaves-her-pockets_23-2148619447.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Custom Bridal Suite",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-scissors-with-sewing-machine-shuttles_23-2148527923.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Signature Tailored Shirt",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-businessman-casual-cloth-sunglasses-street_158538-8328.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Casual Luxury Ensemble",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-home-with-dreams-vision-board_52683-104980.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Silk Couture Blouse",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/talented-woman-working-with-japanese-paper_23-2149048411.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Collection"
|
||||
description="Exquisite handcrafted garments designed with precision and passion."
|
||||
/>
|
||||
</div>
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Bespoke Evening Gown", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/young-sexy-blond-woman-model-evening-dress-posing-blue-sky_158538-8290.jpg" },
|
||||
{ id: "p2", name: "Artisan Tailored Jacket", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-autumn-leaves-her-pockets_23-2148619447.jpg" },
|
||||
{ id: "p3", name: "Custom Bridal Suite", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-scissors-with-sewing-machine-shuttles_23-2148527923.jpg" }
|
||||
]}
|
||||
title="Our Signature Collection"
|
||||
description="Exquisite handcrafted garments designed with precision and passion."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTwo
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Amina S.",
|
||||
role: "Fashion Enthusiast",
|
||||
testimonial: "Exceptional fit and impeccable attention to detail. Truly personalized.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/future-bride-must-look-perfectly_329181-13642.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark L.",
|
||||
role: "Executive",
|
||||
testimonial: "The best tailoring experience I have ever had. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-tailor_329181-14348.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah P.",
|
||||
role: "Model",
|
||||
testimonial: "Stunning craftsmanship. Every piece feels like it was made specifically for me.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-girl-woman-garage-sale_23-2150540737.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Elena R.",
|
||||
role: "Architect",
|
||||
testimonial: "Clean lines, great fabrics, and a perfect fit. Perfection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371901.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "James K.",
|
||||
role: "Client",
|
||||
testimonial: "Professionalism meets incredible creative talent. Simply the best.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-personal-shopper-helping-cutomer_23-2148924099.jpg",
|
||||
},
|
||||
]}
|
||||
title="Loved by Our Clients"
|
||||
description="Hear what our patrons say about their custom sartorial experiences at our studio."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
title="Loved by Our Clients"
|
||||
description="Hear what our patrons say about their custom sartorial experiences at our studio."
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Amina S.", role: "Fashion Enthusiast", testimonial: "Exceptional fit and impeccable attention to detail. Truly personalized.", imageSrc: "http://img.b2bpic.net/free-photo/future-bride-must-look-perfectly_329181-13642.jpg" },
|
||||
{ id: "t2", name: "Mark L.", role: "Executive", testimonial: "The best tailoring experience I have ever had. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-tailor_329181-14348.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I book a consultation?",
|
||||
content: "You can fill out the form on our contact page.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What is the turnaround time?",
|
||||
content: "Usually 2-4 weeks depending on the complexity of the design.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you provide fabrics?",
|
||||
content: "We offer a curated selection, or you can bring your own.",
|
||||
},
|
||||
]}
|
||||
title="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
description="Answers to the most frequently asked questions about our process."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Let's Connect"
|
||||
title="Get Started with Your Design"
|
||||
description="Share your vision, and we will bring it to life."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/expert-suitmaker-tailoring-studio_482257-101867.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
title="Studio Insights"
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "Trends",
|
||||
title: "2025 Satorial Forecast",
|
||||
excerpt: "What to expect in the coming year of fashion.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-customer-looking-beautiful-fabric-drapery-shop_1157-37453.jpg",
|
||||
authorName: "Ann",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/expert-suitmaker-checking-custom-suit_482257-78349.jpg",
|
||||
date: "Jan 2025",
|
||||
},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Technique",
|
||||
title: "The Art of Bespoke",
|
||||
excerpt: "How we create your custom garments.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-young-woman-creating-fabric-patchwork-scenery-paper_23-2148164440.jpg",
|
||||
authorName: "Ann",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/close-up-senior-male-tailor-with-measuring-tape-around-his-neck-showing-button-his-customer_23-2148180291.jpg",
|
||||
date: "Feb 2025",
|
||||
},
|
||||
{
|
||||
id: "b3",
|
||||
category: "Behind-the-Scenes",
|
||||
title: "Studio Tour",
|
||||
excerpt: "Peek into our creative workshop.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-looking-clothes_23-2149729278.jpg",
|
||||
authorName: "Ann",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/senior-male-seller-offering-fabrics-young-man-textile-shop_23-2148180310.jpg",
|
||||
date: "Mar 2025",
|
||||
},
|
||||
]}
|
||||
description="Latest updates and tips from our atelier team."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Let's Connect"
|
||||
title="Get Started with Your Design"
|
||||
description="Share your vision, and we will bring it to life."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/expert-suitmaker-tailoring-studio_482257-101867.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="#annbim_sTitches"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Collection",
|
||||
href: "#product",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#blog",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="#annbim_sTitches"
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "Collection", href: "#product" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Support", items: [{ label: "FAQs", href: "#faq" }, { label: "Blog", href: "#blog" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user