305 lines
11 KiB
TypeScript
305 lines
11 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||
import TextAbout from '@/components/sections/about/TextAbout';
|
||
import { Clock, Scissors, Wrench } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="bounce-effect"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="rounded"
|
||
contentWidth="small"
|
||
sizing="largeSmallSizeMediumTitles"
|
||
background="grid"
|
||
cardStyle="gradient-bordered"
|
||
primaryButtonStyle="primary-glow"
|
||
secondaryButtonStyle="solid"
|
||
headingFontWeight="semibold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingInline
|
||
navItems={[
|
||
{
|
||
name: "About",
|
||
id: "#about",
|
||
},
|
||
{
|
||
name: "Services",
|
||
id: "#services",
|
||
},
|
||
{
|
||
name: "Testimonials",
|
||
id: "#testimonials",
|
||
},
|
||
{
|
||
name: "Contact",
|
||
id: "#contact",
|
||
},
|
||
]}
|
||
brandName="Kimmy Alterations"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroOverlayTestimonial
|
||
title="Mastery in Every Stitch"
|
||
description="Providing professional alterations with over 10 years of precision craftsmanship. From delicate adjustments to custom fits, your garment is in expert hands."
|
||
testimonials={[
|
||
{
|
||
name: "Naomi F.",
|
||
handle: "@nextdoor",
|
||
testimonial: "I found Kimmy and reached out to get pants hemmed. She did a great job and was reasonably priced.",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-client-wheelchair-examining-clothes-racks-retail-store_482257-118472.jpg?_wi=1",
|
||
imageAlt: "luxury clothing atelier professional sewing",
|
||
},
|
||
{
|
||
name: "Meghan M.",
|
||
handle: "@nextdoor",
|
||
testimonial: "Kimmy is the absolute best! Fixed a lehenga in two days. She is kind, honest, and an incredible craftsman.",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/brown-eyed-curly-brunette-short-haired-woman-floral-trendy-dress-smiles-looks-camera-hoods-pencil-designs-new-clothes_197531-24076.jpg?_wi=1",
|
||
imageAlt: "luxury clothing atelier professional sewing",
|
||
},
|
||
{
|
||
name: "Susan S.",
|
||
handle: "@nextdoor",
|
||
testimonial: "My items were ready in just two days. Everything is absolutely perfect. A true service-focused professional.",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/amazing-fit-sexy-body-brunette-caucasian-girl-posing-studio-against-white-background-shorts-top_627829-7457.jpg?_wi=1",
|
||
imageAlt: "luxury clothing atelier professional sewing",
|
||
},
|
||
{
|
||
name: "David L.",
|
||
handle: "@nextdoor",
|
||
testimonial: "Exceptional tailoring on my suit. Precise, professional, and very timely.",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-studio-fashion-portrait_1328-2194.jpg?_wi=1",
|
||
imageAlt: "luxury clothing atelier professional sewing",
|
||
},
|
||
{
|
||
name: "Elena R.",
|
||
handle: "@nextdoor",
|
||
testimonial: "The best alterations in town. Kimmy is patient and listens to exactly what you need.",
|
||
rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-image-stylish-blond-woman-grey-coat-walking-street-full-lenght_273443-1677.jpg?_wi=1",
|
||
imageAlt: "luxury clothing atelier professional sewing",
|
||
},
|
||
]}
|
||
buttons={[
|
||
{
|
||
text: "Book an Appointment",
|
||
href: "#contact",
|
||
},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/middle-eastern-client-wheelchair-examining-clothes-racks-retail-store_482257-118472.jpg?_wi=2"
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/european-fairskinned-woman-light-coat-is-sitting-city-sunny-day-happy-tanned-latina-girl-is-looking-down-smiling_291650-2030.jpg",
|
||
alt: "Customer portrait one",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/stylish-tanned-woman-headband-pink-denim-jacket-posing-against-street-cafe_197531-17033.jpg",
|
||
alt: "Customer portrait two",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/elegant-girl-green-blouse_1157-14554.jpg",
|
||
alt: "Customer portrait three",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/happy-girl-with-coffee-hands-emotion-concept-emotion-happiness_169016-66057.jpg",
|
||
alt: "Customer portrait four",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/spring-beauty-young-beautiful-stylish-female-model-posing-against-pink-background-cross-arms_1258-86144.jpg",
|
||
alt: "Customer portrait five",
|
||
},
|
||
]}
|
||
avatarText="Trusted by hundreds of happy clients"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TextAbout
|
||
useInvertedBackground={false}
|
||
title="A Decade of Dedicated Craftsmanship"
|
||
buttons={[
|
||
{
|
||
text: "Learn More",
|
||
href: "#services",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureBorderGlow
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
title: "Comprehensive Wear",
|
||
description: "Expert services for Ladies, Men’s & Kids wear.",
|
||
icon: Scissors,
|
||
},
|
||
{
|
||
title: "Perfect Fitting",
|
||
description: "Custom tailoring for Suits, Dresses, Lehngas, and Cholis.",
|
||
icon: Scissors,
|
||
},
|
||
{
|
||
title: "Fast Turnaround",
|
||
description: "Quality work delivered exactly when you need it.",
|
||
icon: Clock,
|
||
},
|
||
{
|
||
title: "Reliable Repairs",
|
||
description: "Zip fixes, button repairs, and intricate handwork.",
|
||
icon: Wrench,
|
||
},
|
||
]}
|
||
title="Precision Alteration Services"
|
||
description="We treat every garment with the care and attention it deserves, ensuring a perfect fit every time."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "1",
|
||
name: "Naomi Fujita",
|
||
role: "Client",
|
||
testimonial: "I found Kimmy and reached out to get pants hemmed. She did a great job and reasonably priced.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/brown-eyed-curly-brunette-short-haired-woman-floral-trendy-dress-smiles-looks-camera-hoods-pencil-designs-new-clothes_197531-24076.jpg?_wi=2",
|
||
},
|
||
{
|
||
id: "2",
|
||
name: "Meghan Murphy",
|
||
role: "Client",
|
||
testimonial: "Kimmy is the absolute best! Fixed my lehenga in 2 days. She's kind, honest, and an incredible craftsman.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/amazing-fit-sexy-body-brunette-caucasian-girl-posing-studio-against-white-background-shorts-top_627829-7457.jpg?_wi=2",
|
||
},
|
||
{
|
||
id: "3",
|
||
name: "Susan Sheridan",
|
||
role: "Client",
|
||
testimonial: "Within a few days, I had an appointment. Everything is absolutely PERFECT.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-studio-fashion-portrait_1328-2194.jpg?_wi=2",
|
||
},
|
||
{
|
||
id: "4",
|
||
name: "Client Four",
|
||
role: "Client",
|
||
testimonial: "Very professional and friendly. My suit fitting was impeccable.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-image-stylish-blond-woman-grey-coat-walking-street-full-lenght_273443-1677.jpg?_wi=2",
|
||
},
|
||
{
|
||
id: "5",
|
||
name: "Client Five",
|
||
role: "Client",
|
||
testimonial: "Fast turnaround and high quality. Will definitely be using Kimmy from now on.",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stunning-woman-with-red-lips-elegant-make-up-wearing-glamour-black-dress-posing-white-background-evening-event_291049-2865.jpg",
|
||
},
|
||
]}
|
||
title="Loved by the Community"
|
||
description="Hear what our neighbors say about our dedicated tailoring service."
|
||
/>
|
||
</div>
|
||
|
||
<div id="proof" data-section="proof">
|
||
<SocialProofOne
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
names={[
|
||
"Fashion Guild",
|
||
"Local Tailors Union",
|
||
"Craft Association",
|
||
"Design Council",
|
||
"Style Alliance",
|
||
"Sewing Guild",
|
||
"Local Business Partners",
|
||
]}
|
||
title="Trusted by Families"
|
||
description="Serving the community for over a decade with trust and local love."
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqDouble
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
faqs={[
|
||
{
|
||
id: "f1",
|
||
title: "What kind of clothing do you alter?",
|
||
content: "We handle everything from formal wear like dresses and suits to everyday casual and kids wear.",
|
||
},
|
||
{
|
||
id: "f2",
|
||
title: "What is your turnaround time?",
|
||
content: "We pride ourselves on fast, reliable service, often completing work within just a few days depending on the scope of the project.",
|
||
},
|
||
{
|
||
id: "f3",
|
||
title: "Do you offer custom tailoring?",
|
||
content: "Yes, we provide complete custom fit and tailoring adjustments to ensure your garment fits you perfectly.",
|
||
},
|
||
{
|
||
id: "f4",
|
||
title: "How do I schedule an appointment?",
|
||
content: "Please contact us through the booking link below, and we will get back to you promptly.",
|
||
},
|
||
]}
|
||
title="Frequently Asked Questions"
|
||
description="Have questions about our alteration services? We have answers."
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCenter
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "radial-gradient",
|
||
}}
|
||
tag="Contact Us"
|
||
title="Book Your Alteration Appointment"
|
||
description="Ready to get that perfect fit? Reach out today to schedule a consultation."
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterLogoReveal
|
||
logoText="Kimmy Alterations"
|
||
leftLink={{
|
||
text: "Privacy Policy",
|
||
href: "#",
|
||
}}
|
||
rightLink={{
|
||
text: "Contact Us",
|
||
href: "#contact",
|
||
}}
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|