207 lines
10 KiB
TypeScript
207 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import { Heart, Sparkles, Facebook, Instagram } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="medium"
|
|
background="circleGradient"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" },
|
|
{ name: "Book Now", id: "cta" }
|
|
]}
|
|
brandName="Abby's Sew Right"
|
|
bottomLeftText="Bridal Alterations Specialist"
|
|
bottomRightText="hello@abbyssewrigth.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
title="Exceptional Bridal Alterations & Formal Wear"
|
|
description="Where every dress finds its perfect fit. Trusted by brides, families, and formal-wear lovers for transforming special occasion gowns into unforgettable pieces."
|
|
tag="Brides & Formal Events"
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "sparkles-gradient" }}
|
|
buttons={[
|
|
{ text: "Schedule Consultation", href: "contact" },
|
|
{ text: "View Our Work", href: "testimonials" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
mediaItems={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-brazilian-woman-working-as-clothing-designer_23-2150762298.jpg", imageAlt: "Bridal gown alterations" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/fashion-designer-is-cutting-off-fabric-with-scissors-he-is-wearing-denim-closeup-photo-shoot_613910-21806.jpg", imageAlt: "Custom dress alterations" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/women-making-preparations-wedding_23-2149184338.jpg", imageAlt: "Prom dress fitting" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/women-making-preparations-wedding_23-2149184341.jpg", imageAlt: "Bridesmaid dress alterations" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-beautiful-bride-posing_23-2149860839.jpg", imageAlt: "Formal gown fitting" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
title="Meet Abby: Craftsmanship & Heart"
|
|
description="With years of experience and an unwavering commitment to excellence, Abby transforms special occasion gowns into works of art. Known for her patience, skill, and warm approach, she's earned the trust of hundreds of brides and their families. When other shops say no, Abby says yes—and delivers magic."
|
|
tag="Our Story"
|
|
tagAnimation="blur-reveal"
|
|
imageSrc="http://img.b2bpic.net/free-photo/collaboration-business-is-very-important_329181-14395.jpg"
|
|
imageAlt="Abby's sewing workshop"
|
|
buttons={[
|
|
{ text: "Our Services", href: "services" }
|
|
]}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentySeven
|
|
title="Specialized Expertise"
|
|
description="From impossible-to-fix beading to vintage gown redesigns, we handle it all with precision and care."
|
|
tag="What We Do"
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: "bridal", title: "Bridal Gowns", description: "Complete alterations for wedding day perfection—from hem and bustle to custom redesigns and structural modifications.", imageSrc: "http://img.b2bpic.net/free-photo/designer-creates-clothes-studio_1157-33799.jpg", imageAlt: "Bridal gown alterations"
|
|
},
|
|
{
|
|
id: "prom", title: "Prom & Special Occasions", description: "Transform prom and Sweet 16 dresses into showstoppers. We add straps, adjust fit, and bring your vision to life.", imageSrc: "http://img.b2bpic.net/free-photo/woman-making-jacket_23-2148898068.jpg", imageAlt: "Prom dress fitting and alterations"
|
|
},
|
|
{
|
|
id: "formal", title: "Mother-of-Bride & Formal Wear", description: "Elegant alterations for bridesmaid dresses, mother-of-the-bride attire, and all formal occasion wear.", imageSrc: "http://img.b2bpic.net/free-photo/woman-making-jacket_23-2148898068.jpg", imageAlt: "Formal wear alterations"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
buttons={[
|
|
{ text: "Get Started", href: "contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="expertise" data-section="expertise">
|
|
<MetricCardSeven
|
|
title="Why Brides Choose Abby"
|
|
description="Proven expertise, exceptional results, and personal attention you won't find elsewhere."
|
|
tag="By The Numbers"
|
|
tagAnimation="blur-reveal"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "500+", title: "Happy Clients", items: [
|
|
"Repeat family referrals", "Multi-generational loyalty", "Local community trusted"
|
|
]
|
|
},
|
|
{
|
|
id: "2", value: "100%", title: "Satisfaction Rate", items: [
|
|
"Exceptional quality", "On-time delivery", "Honest pricing"
|
|
]
|
|
},
|
|
{
|
|
id: "3", value: "Never", title: "Turned Away", items: [
|
|
"Complex alterations welcomed", "Difficult materials mastered", "Custom redesigns specialist"
|
|
]
|
|
}
|
|
]}
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
buttons={[
|
|
{ text: "See Testimonials", href: "testimonials" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/girlfriend-laughing_1157-65.jpg", imageAlt: "Sarah Johnson"
|
|
},
|
|
{
|
|
id: "2", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg", imageAlt: "Emily Rodriguez"
|
|
},
|
|
{
|
|
id: "3", name: "Jessica Chen", imageSrc: "http://img.b2bpic.net/free-photo/girlfriend-laughing_1157-65.jpg", imageAlt: "Jessica Chen"
|
|
},
|
|
{
|
|
id: "4", name: "Amanda Martinez", imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg", imageAlt: "Amanda Martinez"
|
|
},
|
|
{
|
|
id: "5", name: "Michelle Thompson", imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg", imageAlt: "Michelle Thompson"
|
|
},
|
|
{
|
|
id: "6", name: "Rachel Kim", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-typing-her-laptop_231208-13559.jpg", imageAlt: "Rachel Kim"
|
|
}
|
|
]}
|
|
cardTitle="Hundreds of brides trust Abby's Sew Right to create their perfect dress moment"
|
|
cardTag="Real Client Stories"
|
|
cardTagIcon={Heart}
|
|
cardAnimation="blur-reveal"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="cta" data-section="cta">
|
|
<ContactCTA
|
|
tag="Ready to Say Yes to Your Dress?"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
title="Let's Create Your Perfect Fit"
|
|
description="Schedule a consultation with Abby today. Bring your dress, your vision, and your excitement—we'll handle the rest with care, skill, and that personal touch that makes all the difference."
|
|
buttons={[
|
|
{ text: "Book Your Consultation", href: "#" },
|
|
{ text: "Call: (555) 123-4567", href: "#" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Abby's Sew Right"
|
|
copyrightText="© 2025 Abby's Sew Right. Crafted with care for brides everywhere."
|
|
socialLinks={[
|
|
{
|
|
icon: Facebook,
|
|
href: "https://facebook.com", ariaLabel: "Visit our Facebook page"
|
|
},
|
|
{
|
|
icon: Instagram,
|
|
href: "https://instagram.com", ariaLabel: "Follow us on Instagram"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|