224 lines
13 KiB
TypeScript
224 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="mediumLarge"
|
|
background="circleGradient"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Collections", id: "products"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="Maryam Faisal Bridal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
background={{
|
|
variant: "rotated-rays-animated"}}
|
|
title="Timeless Elegance for Your Special Day"
|
|
description="Discover exquisite, hand-crafted bridal wear at Maryam Faisal Bridal Studio. Crafting dreams into reality since our inception."
|
|
buttons={[
|
|
{
|
|
text: "View Collections", href: "#products"},
|
|
]}
|
|
carouselItems={[
|
|
{
|
|
id: "h1", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-celebrating-her-quinceanera_23-2149449198.jpg?_wi=1", imageAlt: "elegant bridal gown display studio"},
|
|
{
|
|
id: "h2", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-representing-virgo-zodiac-sign_23-2151006284.jpg", imageAlt: "elegant bridal gown display studio"},
|
|
{
|
|
id: "h3", imageSrc: "http://img.b2bpic.net/free-photo/woman-buying-stuff-decoration-store_1303-24638.jpg", imageAlt: "elegant bridal gown display studio"},
|
|
{
|
|
id: "h4", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bride-wedding-dress_624325-522.jpg", imageAlt: "elegant bridal gown display studio"},
|
|
{
|
|
id: "h5", imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-bride-standing-near-balcony-looking-big-window_132075-11766.jpg", imageAlt: "elegant bridal gown display studio"},
|
|
{
|
|
id: "h6", imageSrc: "http://img.b2bpic.net/free-photo/rococo-style-photography-beautiful-woman_23-2151916507.jpg", imageAlt: "elegant bridal gown display studio"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
title="The Art of Bridal Perfection"
|
|
description="At Maryam Faisal, we blend traditional craftsmanship with modern bridal elegance. Located in the heart of Bradford, we provide bespoke fitting and consultation for the perfect look."
|
|
bulletPoints={[
|
|
{
|
|
title: "Bespoke Fitting", description: "Tailored to your measurements for a flawless silhouette."},
|
|
{
|
|
title: "Traditional Craft", description: "Hand-embroidered details and premium fabric choices."},
|
|
{
|
|
title: "Bridal Consultation", description: "Expert advice to match your style and vision."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/girls-helping-bride-put-her-dress_1328-3445.jpg?_wi=1"
|
|
imageAlt="bridal boutique professional designer fitting"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="two-columns-alternating-heights"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1", name: "Classic Couture White", price: "£1,200", imageSrc: "http://img.b2bpic.net/free-photo/blond-female-steps-long-white-dress_613910-7648.jpg?_wi=1", imageAlt: "luxurious embroidered wedding dress couture", priceButtonProps: { text: "Add to Cart" }
|
|
},
|
|
{
|
|
id: "p2", name: "Luxury Traditional Gold", price: "£1,500", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-wearing-sari_23-2149503025.jpg?_wi=1", imageAlt: "embellished bridal lehenga traditional", priceButtonProps: { text: "Add to Cart" }
|
|
},
|
|
{
|
|
id: "p3", name: "Modern Minimal Silk", price: "£950", imageSrc: "http://img.b2bpic.net/free-photo/expressive-pretty-woman-posing_344912-2668.jpg?_wi=1", imageAlt: "elegant silk white bridal gown", priceButtonProps: { text: "Add to Cart" }
|
|
},
|
|
{
|
|
id: "p4", name: "Hand-stitched Heritage", price: "£1,800", imageSrc: "http://img.b2bpic.net/free-photo/priest-blesses-bride-ceremony-church_8353-7118.jpg?_wi=1", imageAlt: "hand-stitched bridal wedding outfit", priceButtonProps: { text: "Add to Cart" }
|
|
},
|
|
{
|
|
id: "p5", name: "Royal Floral Gown", price: "£2,100", imageSrc: "http://img.b2bpic.net/free-photo/blond-female-steps-long-white-dress_613910-392.jpg", imageAlt: "sophisticated designer wedding gown", priceButtonProps: { text: "Add to Cart" }
|
|
},
|
|
{
|
|
id: "p6", name: "Timeless Lace Edition", price: "£1,100", imageSrc: "http://img.b2bpic.net/free-photo/bride-is-putting-her-leg-tender-wedding-garter-dressed-wedding-dress-with-tattoo-leg_8353-10951.jpg", imageAlt: "luxury bridal accessory wedding gown", priceButtonProps: { text: "Add to Cart" }
|
|
},
|
|
]}
|
|
title="Exclusive Collections"
|
|
description="Explore our curated selection of premium bridal outfits."
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Expert Consultation", description: "Highly trained consultants.", imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-with-flowers-apple_23-2147781216.jpg"},
|
|
{
|
|
title: "Premium Materials", description: "Silks, laces, and organic fabrics.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-wearing-flamenco-dress_1385-2214.jpg"},
|
|
{
|
|
title: "On-Time Delivery", description: "Guaranteed schedule compliance.", imageSrc: "http://img.b2bpic.net/free-photo/bride-back_1157-275.jpg"},
|
|
]}
|
|
title="Why Maryam Faisal Bridal?"
|
|
description="We treat every bride with utmost care, ensuring your big day is as elegant as you imagined."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "t1", name: "Sarah Ahmed", date: "12/2024", title: "Bride", quote: "Truly beautiful experience and stunning dress.", tag: "Luxury", avatarSrc: "http://img.b2bpic.net/free-photo/bride-with-veil-wind_1157-56.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-celebrating-her-quinceanera_23-2149449198.jpg?_wi=2", imageAlt: "happy bride wedding day dress"},
|
|
{
|
|
id: "t2", name: "Fatima Khan", date: "11/2024", title: "Bride", quote: "The fitting was flawless, thank you Maryam!", tag: "Bespoke", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-bride-before-wedding-side-view_23-2149860829.jpg", imageSrc: "http://img.b2bpic.net/free-photo/girls-helping-bride-put-her-dress_1328-3445.jpg?_wi=2", imageAlt: "happy bride wedding day dress"},
|
|
{
|
|
id: "t3", name: "Zara Ali", date: "10/2024", title: "Bride", quote: "Incredible details and exceptional service.", tag: "Classic", avatarSrc: "http://img.b2bpic.net/free-photo/women-making-preparations-wedding_23-2149184354.jpg", imageSrc: "http://img.b2bpic.net/free-photo/blond-female-steps-long-white-dress_613910-7648.jpg?_wi=2", imageAlt: "happy bride wedding day dress"},
|
|
{
|
|
id: "t4", name: "Hina Malik", date: "09/2024", title: "Bride", quote: "Made my dream wedding look a reality.", tag: "Elite", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-brunette-caucasian-bride-with-natural-happy-smile-her-face_181624-23050.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-wearing-sari_23-2149503025.jpg?_wi=2", imageAlt: "happy bride wedding day dress"},
|
|
{
|
|
id: "t5", name: "Ayesha Siddiq", date: "08/2024", title: "Bride", quote: "Best bridal studio in Bradford, truly.", tag: "Modern", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-woman-ready-get-married_23-2150753685.jpg", imageSrc: "http://img.b2bpic.net/free-photo/expressive-pretty-woman-posing_344912-2668.jpg?_wi=2", imageAlt: "happy bride wedding day dress"},
|
|
{
|
|
id: "t6", name: "Nadia Saeed", date: "07/2024", title: "Bride", quote: "So helpful and accommodating with designs.", tag: "Couture", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-celebrating-her-quinceanera_23-2149449212.jpg", imageSrc: "http://img.b2bpic.net/free-photo/priest-blesses-bride-ceremony-church_8353-7118.jpg?_wi=2", imageAlt: "happy bride wedding day dress"},
|
|
]}
|
|
title="Bride Experiences"
|
|
description="Our studio is honored to be part of so many happy wedding days."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "f1", title: "How long does a fitting take?", content: "Consultations typically last 60-90 minutes."},
|
|
{
|
|
id: "f2", title: "Can I request custom designs?", content: "Yes, we specialize in bespoke custom bridal wear."},
|
|
{
|
|
id: "f3", title: "How far in advance should I book?", content: "We recommend booking at least 6 months prior."},
|
|
]}
|
|
title="Common Inquiries"
|
|
description="Find answers to your questions about our studio and processes."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "rotated-rays-animated"}}
|
|
text="Visit us at 1422-1424 Leeds Rd, Bradford BD3 7AE or call 01274 396972 to schedule your private fitting today."
|
|
buttons={[
|
|
{
|
|
text: "Call Now", href: "tel:01274396972"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/bride-with-bouquet-flowers-stairs_8353-12519.jpg"
|
|
logoText="Maryam Faisal Bridal Studio"
|
|
columns={[
|
|
{
|
|
title: "Explore", items: [
|
|
{
|
|
label: "Collections", href: "#products"},
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |