Switch to version 1: modified src/app/page.tsx
This commit is contained in:
166
src/app/page.tsx
166
src/app/page.tsx
@@ -6,48 +6,47 @@ import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarou
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
||||
import { Heart, Facebook, Instagram, Users } from "lucide-react";
|
||||
import { Heart, Sparkles, Facebook, Instagram } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="subtle-shadow"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Book Now", id: "cta" }
|
||||
]}
|
||||
brandName="Abby's Sew Right"
|
||||
bottomLeftText="West Milford, NJ"
|
||||
bottomRightText="hello@abbyssewright.com"
|
||||
bottomLeftText="Bridal Alterations Specialist"
|
||||
bottomRightText="hello@abbyssewrigth.com"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
title="Expert Bridal Alterations in West Milford, NJ"
|
||||
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: "plain" }}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
buttons={[
|
||||
{ text: "Schedule Consultation", href: "contact" },
|
||||
{ text: "View Our Work", href: "testimonials" }
|
||||
@@ -63,27 +62,10 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="trust-strip" data-section="trust-strip" className="bg-gradient-to-r from-blue-50 to-indigo-50 py-4">
|
||||
<div className="flex justify-center items-center gap-8 text-center px-4">
|
||||
<div>
|
||||
<p className="font-bold text-lg">500+</p>
|
||||
<p className="text-sm">Happy Clients</p>
|
||||
</div>
|
||||
<div>
|
||||
<p className="font-bold text-lg">100%</p>
|
||||
<p className="text-sm">Satisfaction</p>
|
||||
</div>
|
||||
<div>
|
||||
<p className="font-bold text-lg">Never</p>
|
||||
<p className="text-sm">Turned Away</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
title="Meet Abby: Your Alterations Specialist"
|
||||
description="With years of specialized 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 in West Milford and beyond. When other shops say no, Abby says yes—and delivers results."
|
||||
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"
|
||||
@@ -91,25 +73,25 @@ export default function LandingPage() {
|
||||
buttons={[
|
||||
{ text: "Our Services", href: "services" }
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySeven
|
||||
title="Specialized Alteration Services"
|
||||
description="From impossible-to-fix beading to vintage gown redesigns, we handle complex alterations with precision, care, and expertise."
|
||||
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—hem, bustle, custom redesigns, and structural modifications. We specialize in solutions other shops won't attempt.", imageSrc: "http://img.b2bpic.net/free-photo/designer-creates-clothes-studio_1157-33799.jpg", imageAlt: "Bridal gown alterations"
|
||||
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, create custom designs, and bring your vision to life with expert tailoring.", imageSrc: "http://img.b2bpic.net/free-photo/woman-making-jacket_23-2148898068.jpg", imageAlt: "Prom dress fitting and 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. Precision tailoring for the perfect fit.", imageSrc: "http://img.b2bpic.net/free-photo/woman-making-jacket_23-2148898068.jpg", imageAlt: "Formal wear 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"
|
||||
@@ -117,55 +99,38 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="invertDefault"
|
||||
buttons={[
|
||||
{ text: "Schedule Now", href: "contact" }
|
||||
{ text: "Get Started", href: "contact" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardFive
|
||||
team={[
|
||||
{
|
||||
id: "1", name: "Abby", role: "Alterations Specialist & Owner", imageSrc: "http://img.b2bpic.net/free-photo/girlfriend-laughing_1157-65.jpg", imageAlt: "Abby, owner and alterations specialist"
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
title="Meet Abby"
|
||||
description="The skilled hands and caring heart behind every perfect fit. With specialized expertise in bridal alterations and a passion for solving complex tailoring challenges."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
tag="Our Team"
|
||||
tagIcon={Users}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="expertise" data-section="expertise">
|
||||
<MetricCardSeven
|
||||
title="Why Brides Trust Abby's Sew Right"
|
||||
title="Why Brides Choose Abby"
|
||||
description="Proven expertise, exceptional results, and personal attention you won't find elsewhere."
|
||||
tag="Our Commitment"
|
||||
tag="By The Numbers"
|
||||
tagAnimation="blur-reveal"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "500+", title: "Happy Clients", items: [
|
||||
"Repeat family referrals", "Multi-generational loyalty", "West Milford & beyond"
|
||||
"Repeat family referrals", "Multi-generational loyalty", "Local community trusted"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "2", value: "100%", title: "Satisfaction", items: [
|
||||
"Exceptional quality work", "On-time delivery", "Honest, fair pricing"
|
||||
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 our specialty"
|
||||
"Complex alterations welcomed", "Difficult materials mastered", "Custom redesigns specialist"
|
||||
]
|
||||
}
|
||||
]}
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
buttons={[
|
||||
{ text: "See Testimonials", href: "testimonials" }
|
||||
]}
|
||||
@@ -174,63 +139,52 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
<TestimonialCardTwelve
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Johnson", role: "Bride", company: "Google Review", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girlfriend-laughing_1157-65.jpg", imageAlt: "Sarah Johnson"
|
||||
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", role: "Mother of Bride", company: "Google Review", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg", imageAlt: "Emily Rodriguez"
|
||||
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", role: "Prom Student", company: "Google Review", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girlfriend-laughing_1157-65.jpg", imageAlt: "Jessica Chen"
|
||||
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", role: "Bride", company: "Google Review", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg", imageAlt: "Amanda Martinez"
|
||||
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"
|
||||
}
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Real testimonials from brides and families who trusted us with their special moments."
|
||||
tag="Google Reviews"
|
||||
tagAnimation="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
animationType="blur-reveal"
|
||||
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="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Book Your Appointment"
|
||||
<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. Located in West Milford, NJ, we're ready to transform your special occasion gown."
|
||||
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}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/women-making-preparations-wedding_23-2149184338.jpg"
|
||||
imageAlt="Fitting room consultation"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="Your email"
|
||||
buttonText="Get Started"
|
||||
termsText="We respect your privacy and will never share your information."
|
||||
onSubmit={(email) => console.log('Email:', email)}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="location-details" data-section="location-details" className="bg-gray-50 py-12 px-4">
|
||||
<div className="max-w-2xl mx-auto text-center">
|
||||
<h2 className="text-2xl font-bold mb-4">Visit Us</h2>
|
||||
<p className="text-lg mb-2">West Milford, NJ</p>
|
||||
<p className="text-gray-600 mb-4">Call for appointment scheduling and hours</p>
|
||||
<p className="font-semibold">hello@abbyssewright.com</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Abby's Sew Right"
|
||||
|
||||
Reference in New Issue
Block a user