205 lines
12 KiB
TypeScript
205 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TeamCardSix from '@/components/sections/team/TeamCardSix';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="none"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{ name: "Fabrics", id: "fabrics" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
brandName="Elegance Fabric & Bridal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
background={{ variant: "plain" }}
|
|
title="Exquisite Fabrics & Tailored Perfection"
|
|
description="Transforming visions into reality with premium materials, bespoke tailoring, and luxury bridal design. Your one-stop shop for fashion elegance."
|
|
kpis={[
|
|
{ value: "15+", label: "Years Experience" },
|
|
{ value: "5k+", label: "Designs Created" },
|
|
{ value: "100%", label: "Client Satisfaction" }
|
|
]}
|
|
enableKpiAnimation={true}
|
|
buttons={[
|
|
{ text: "Book Consultation", href: "#contact" },
|
|
{ text: "WhatsApp Us", href: "https://wa.me/yournumber" }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/pink-chiffon-fabric-texture-background_53876-165329.jpg"
|
|
mediaAnimation="blur-reveal"
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/hand-girl-with-lilac-branch-bed-crumpled-sheet_8353-5710.jpg", alt: "Hand with lilac" },
|
|
{ src: "http://img.b2bpic.net/free-photo/macro-coconut-texture_23-2148131914.jpg", alt: "Coconut texture" },
|
|
{ src: "http://img.b2bpic.net/free-photo/close-up-confetti-sparks-glitter_23-2149224117.jpg", alt: "Confetti glitter" },
|
|
{ src: "http://img.b2bpic.net/free-photo/low-angle-shot-white-wedding-dress_181624-23376.jpg", alt: "White wedding dress" },
|
|
{ src: "http://img.b2bpic.net/free-photo/line-reel-yarn-wooden-background_23-2148212673.jpg", alt: "Yarn spool" }
|
|
]}
|
|
avatarText="Trusted by 500+ happy brides"
|
|
marqueeItems={[
|
|
{ type: "text", text: "Premium Quality" },
|
|
{ type: "text", text: "Artisan Craft" },
|
|
{ type: "text", text: "Bespoke Design" },
|
|
{ type: "text", text: "Global Shipping" },
|
|
{ type: "text", text: "Exquisite Detail" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={false}
|
|
heading={[
|
|
{ type: "text", content: "Crafting Elegance, Stitch by Stitch" },
|
|
{ type: "image", src: "http://img.b2bpic.net/free-photo/vertical-portrait-young-attractive-professional-caucasian-male-designer-stylish-outfit-working-new-dress-collection-following-fashion-show-checking-neckline-size-using-measuring-tape_176420-11851.jpg" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="fabrics" data-section="fabrics">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{ id: "1", name: "Luxury Silk", price: "Contact for pricing", variant: "Premium Quality", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pinecone-beige-shawl-dark-surface_140725-63512.jpg" },
|
|
{ id: "2", name: "Satin Radiance", price: "Contact for pricing", variant: "Smooth Finish", imageSrc: "http://img.b2bpic.net/free-photo/close-up-reels-yarn_23-2148212729.jpg" },
|
|
{ id: "3", name: "Classic Cotton", price: "Contact for pricing", variant: "Comfortable & Durable", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-beach-covering-her-face-with-veil_23-2149460545.jpg" },
|
|
{ id: "4", name: "Velvet Elegance", price: "Contact for pricing", variant: "Opulent Texture", imageSrc: "http://img.b2bpic.net/free-photo/hands-pink-elegant-dress-pose_127675-2433.jpg" },
|
|
{ id: "5", name: "Chiffon Light", price: "Contact for pricing", variant: "Soft & Airy", imageSrc: "http://img.b2bpic.net/free-photo/bride-wearing-white-dress-wedding_181624-22973.jpg" },
|
|
{ id: "6", name: "Bridal Organza", price: "Contact for pricing", variant: "Structure & Sheen", imageSrc: "http://img.b2bpic.net/free-vector/beautiful-watercolor-dried-leaves-floral-seamless-pattern_44538-12598.jpg" }
|
|
]}
|
|
title="Premium Fabric Collection"
|
|
description="Explore our curated range of world-class materials, available in a vast array of textures and colors."
|
|
/>
|
|
</div>
|
|
|
|
<div id="embroidery" data-section="embroidery">
|
|
<FeatureCardNine
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Precision Threads", description: "High-quality threads in every conceivable color shade.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-glitter-make-up_23-2148862908.jpg" },
|
|
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-sewing-supplies-arrangement_23-2149552371.jpg" }
|
|
},
|
|
{
|
|
title: "Beads & Stones", description: "Intricate pearls, beads, and sequins for stunning designs.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/front-view-embroidery-corset-wedding-dress-wedding-bouquet-white-eustomas_8353-10962.jpg" },
|
|
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/young-woman-celebrating-her-quinceanera_23-2149449245.jpg" }
|
|
},
|
|
{
|
|
title: "Tools of Trade", description: "Professional-grade scissors, measuring tapes, and sewing tools.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/hands-working-with-needle-sewing-thread_23-2148355030.jpg" },
|
|
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-buttons-with-thread-reel_23-2148527993.jpg" }
|
|
}
|
|
]}
|
|
showStepNumbers={false}
|
|
title="Tailoring & Embroidery Essentials"
|
|
description="From fine silk threads to intricate beads and laces, find everything you need to bring your fashion designs to life."
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<TeamCardSix
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
members={[
|
|
{ id: "s1", name: "Bridal Designing", role: "Custom Wedding Attire", imageSrc: "http://img.b2bpic.net/free-photo/woman-making-green-shirt_23-2148742294.jpg" },
|
|
{ id: "s2", name: "Luxury Stitching", role: "Gowns & Lehengas", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bride-elegant-white-wedding-dress_1296-480.jpg" },
|
|
{ id: "s3", name: "Boutique Services", role: "Personalized Fitting", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-brazilian-woman-making-dress_23-2150762304.jpg" }
|
|
]}
|
|
title="Bridal & Tailoring Artistry"
|
|
description="Experience couture-quality craftsmanship. From custom bridal gowns to precise fittings, our experts ensure your attire fits perfectly."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{ id: "1", name: "Sarah Ahmed", role: "Bride", testimonial: "The best boutique experience! My bridal dress was stitched to perfection.", imageSrc: "http://img.b2bpic.net/free-photo/rococo-style-photography-beautiful-woman_23-2151916526.jpg" },
|
|
{ id: "2", name: "Priya Singh", role: "Fashion Designer", testimonial: "High-quality fabrics and amazing embroidery supplies. My go-to store.", imageSrc: "http://img.b2bpic.net/free-photo/hands-bride_627829-12237.jpg" },
|
|
{ id: "3", name: "Meera Khan", role: "Client", testimonial: "Their attention to detail for my gown was truly impressive.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-fashion-designer-thoughtfully-working-with-new-textile-cozy-sewing-workshop_574295-3686.jpg" },
|
|
{ id: "4", name: "Fatima Zahra", role: "Client", testimonial: "Excellent tailoring services. Fast, professional, and very precise.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-bride-getting-dressed_23-2149278411.jpg" },
|
|
{ id: "5", name: "Ananya Reddy", role: "Bride", testimonial: "My lehenga was exactly as I imagined. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-shopping_23-2149241334.jpg" }
|
|
]}
|
|
title="Loved by Our Clients"
|
|
description="Read what our brides and fashion enthusiasts say about our embroidery and tailoring services."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{ id: "q1", title: "Do you offer custom tailoring?", content: "Yes, we specialize in bespoke tailoring for all occasions." },
|
|
{ id: "q2", title: "Can I buy fabrics in bulk?", content: "Absolutely, we provide wholesale fabric solutions for boutique owners." },
|
|
{ id: "q3", title: "How do I book a consultation?", content: "You can call us directly or drop us a WhatsApp message to schedule a visit." }
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Got questions? We have answers. Find out more about our process and fabric quality."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={true}
|
|
background={{ variant: "plain" }}
|
|
text="Ready to design your dream outfit? Visit us today or get in touch for custom design inquiries. Call us at 8787236052 or visit us at G-12, Radha Krishna Complex, opposite to Shivam Complex, Aicher Market, Greater Noida."
|
|
buttons={[
|
|
{ text: "Call Now", href: "tel:8787236052" },
|
|
{ text: "WhatsApp Us", href: "https://wa.me/918787236052" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoText="Elegance Fabric & Bridal"
|
|
columns={[
|
|
{ title: "Navigation", items: [{ label: "Fabrics", href: "#fabrics" }, { label: "Services", href: "#services" }, { label: "Contact", href: "#contact" }] },
|
|
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
|
]}
|
|
copyrightText="© 2024 Elegance Fabric & Bridal. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |