239 lines
12 KiB
TypeScript
239 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import HeroCentered from "@/components/sections/hero/HeroCentered";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
|
|
import SplitAbout from "@/components/sections/about/SplitAbout";
|
|
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
|
|
import ContactText from "@/components/sections/contact/ContactText";
|
|
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
|
import { Heart, Shirt, Zap, Sparkles, Scissors, Store, Users, DollarSign, Star } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Services", id: "services" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" },
|
|
{ name: "Book Now", id: "booking" },
|
|
]}
|
|
brandName="SNS Alterations"
|
|
bottomLeftText="1512 U St NW, Washington, DC"
|
|
bottomRightText="(202) 977-8488"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCentered
|
|
title="Expert Tailoring & Alterations in Washington, DC"
|
|
description="Trusted by locals since we opened our doors. 4.9★ rated for wedding dress alterations, suit tailoring, and custom garment work."
|
|
background={{ variant: "plain" }}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/woman-making-jacket_23-2148898070.jpg", alt: "SNS Alterations professional tailor shop"},
|
|
]}
|
|
avatarText="Trusted by 150+ 5-star reviews"
|
|
buttons={[
|
|
{ text: "Schedule Appointment", href: "#contact" },
|
|
{ text: "Call (202) 977-8488", href: "tel:+12029778488" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
ariaLabel="SNS Alterations hero section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
names={[
|
|
"Fair Pricing", "Expert Seamstresses", "Fast Turnaround", "Premium Quality", "Honest Service", "Wedding Specialists", "Local Favorite"]}
|
|
title="Why Locals Love SNS Alterations"
|
|
description="4.9 out of 5 stars from 150+ verified reviews"
|
|
tag="Trusted Local Business"
|
|
tagIcon={Star}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
speed={40}
|
|
showCard={true}
|
|
buttonAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyFive
|
|
features={[
|
|
{
|
|
title: "Wedding Dress Alterations", description: "Specialized bridal gown alterations ensuring your perfect fit on the big day", icon: Heart,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-cutting-crepe-paper-with-scissor_23-2148193652.jpg", imageAlt: "Professional wedding dress alteration"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-cutting-crepe-paper-with-scissor_23-2148193652.jpg", imageAlt: "Bride fitting room alteration"},
|
|
],
|
|
},
|
|
{
|
|
title: "Suit & Jacket Tailoring", description: "Premium suit and jacket alterations for perfect fit and professional appearance", icon: Shirt,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-fashion-designer-adjusting-fabric-weighing-scale-machine-workshop_23-2148180384.jpg", imageAlt: "Professional suit tailoring"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/time-choose-new-collection_329181-14364.jpg", imageAlt: "Expert jacket fitting"},
|
|
],
|
|
},
|
|
{
|
|
title: "Pants & Trouser Hemming", description: "Precise hemming and length adjustments for all pants and trousers", icon: Zap,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-tailor-working-with-cloth-samples-sewing-workshop_613910-4435.jpg", imageAlt: "Professional pants hemming"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-tailor-working-with-cloth-samples-sewing-workshop_613910-4435.jpg", imageAlt: "Detailed hemming stitching"},
|
|
],
|
|
},
|
|
{
|
|
title: "Custom Garment Work", description: "Bespoke tailoring and custom alterations for your unique style needs", icon: Sparkles,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-making-jacket_23-2148898070.jpg", imageAlt: "Custom tailoring workspace"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-making-jacket_23-2148898070.jpg", imageAlt: "Professional tailoring detail"},
|
|
],
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
title="Our Services"
|
|
description="Comprehensive tailoring solutions for all your wardrobe needs"
|
|
tag="Expert Alterations"
|
|
tagIcon={Scissors}
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
tag="About Our Shop"
|
|
tagIcon={Store}
|
|
title="Trusted Local Tailors Since Day One"
|
|
description="SNS Alterations is your neighborhood's go-to tailor shop in Washington, DC. We've built our reputation on honest pricing, expert craftsmanship, and genuine care for every garment."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
imagePosition="right"
|
|
imageSrc="http://img.b2bpic.net/free-photo/woman-making-jacket_23-2148898070.jpg"
|
|
imageAlt="SNS Alterations welcoming tailor shop interior"
|
|
mediaAnimation="blur-reveal"
|
|
bulletPoints={[
|
|
{
|
|
title: "Expert Seamstresses", description: "Decades of combined experience in all alteration types", icon: Users,
|
|
},
|
|
{
|
|
title: "Fair & Transparent Pricing", description: "No hidden fees—honest quotes for every project", icon: DollarSign,
|
|
},
|
|
{
|
|
title: "Wedding Specialists", description: "Trusted by couples for perfect bridal gown alterations", icon: Heart,
|
|
},
|
|
{
|
|
title: "Local & Convenient", description: "Located at 1512 U St NW, easily accessible in DC"},
|
|
]}
|
|
buttons={[{ text: "Visit Our Shop", href: "#contact" }]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Carolee Lantigua", role: "Bride", company: "Wedding Client", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg"},
|
|
{
|
|
id: "2", name: "Sarah Mitchell", role: "Business Executive", company: "DC Professional", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1524.jpg"},
|
|
{
|
|
id: "3", name: "Mo Jo", role: "Regular Customer", company: "Local Resident", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-white-blazer-does-positive-pose_114579-15697.jpg"},
|
|
{
|
|
id: "4", name: "James Wilson", role: "Fashion Enthusiast", company: "DC Community", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-business-man-city_23-2148479568.jpg"},
|
|
{
|
|
id: "5", name: "Emma Rodriguez", role: "Event Planner", company: "DC Events", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg"},
|
|
{
|
|
id: "6", name: "David Chen", role: "Style Consultant", company: "Fashion District", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-man-with-grey-hair-dark-color-shirt-looking-camera-happy-positive-pointing-with-index-fingers-camera-standing-brown-background_141793-133634.jpg"},
|
|
]}
|
|
title="What Our Customers Say"
|
|
description="Real feedback from satisfied locals and special occasion customers"
|
|
tag="Customer Reviews"
|
|
tagIcon={Star}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready for expert alterations? Contact SNS Alterations today to schedule your appointment or bring your garments in for a free consultation."
|
|
animationType="background-highlight"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={true}
|
|
buttons={[
|
|
{ text: "Call (202) 977-8488", href: "tel:+12029778488" },
|
|
{ text: "Book on Calendly", href: "https://calendly.com" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Wedding Alterations", href: "#services" },
|
|
{ label: "Suit Tailoring", href: "#services" },
|
|
{ label: "Hemming", href: "#services" },
|
|
{ label: "Custom Work", href: "#services" },
|
|
],
|
|
},
|
|
{
|
|
title: "About", items: [
|
|
{ label: "Our Story", href: "#about" },
|
|
{ label: "Reviews", href: "#testimonials" },
|
|
{ label: "Contact Us", href: "#contact" },
|
|
{ label: "Location", href: "https://maps.google.com" },
|
|
],
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Call (202) 977-8488", href: "tel:+12029778488" },
|
|
{ label: "Email Us", href: "mailto:contact@snsalterations.com" },
|
|
{ label: "Visit Our Site", href: "https://snsalterations.com" },
|
|
{ label: "Book Appointment", href: "https://calendly.com" },
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2025 SNS Alterations | 1512 U St NW, Washington, DC 20009"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|