Merge version_3 into main #20
@@ -9,7 +9,7 @@ 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, Award, CheckCircle } from "lucide-react";
|
||||
import { Heart, Sparkles, Facebook, Instagram, Phone, MapPin, Calendar } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,9 +30,9 @@ export default function LandingPage() {
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Expertise", id: "expertise" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Book Now", id: "cta" }
|
||||
{ name: "Contact", id: "cta" }
|
||||
]}
|
||||
brandName="Abby's Sew Right"
|
||||
bottomLeftText="Bridal Alterations Specialist"
|
||||
@@ -44,12 +44,12 @@ export default function LandingPage() {
|
||||
<HeroBillboardCarousel
|
||||
title="Exceptional Bridal Alterations & Formal Wear in West Milford, NJ"
|
||||
description="Where every dress finds its perfect fit. Trusted by brides, families, and formalwear clients for over a decade."
|
||||
tag="Brides & Formal Events"
|
||||
tag="Trusted Bridal Specialist"
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
buttons={[
|
||||
{ text: "Book a Bridal Appointment", href: "contact" },
|
||||
{ text: "Call the Boutique", href: "contact" }
|
||||
{ text: "Book a Bridal Appointment", href: "cta" },
|
||||
{ text: "Call the Boutique", href: "cta" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
mediaItems={[
|
||||
@@ -62,10 +62,8 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="trustStrip" data-section="trust-strip" className="py-8 px-6 bg-gradient-to-r from-transparent via-background-accent to-transparent flex items-center justify-center">
|
||||
<p className="text-center text-sm md:text-base font-medium text-foreground">
|
||||
✓ Hundreds of 5-Star Reviews • Over 10 Years Serving NJ Brides • Custom Alterations Welcome
|
||||
</p>
|
||||
<div id="trust-strip" data-section="trust-strip" className="py-8 text-center bg-card">
|
||||
<p className="text-foreground font-medium text-lg">Hundreds of 5-Star Reviews • Over 10 Years Serving NJ Brides • Custom Alterations Welcome</p>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
@@ -85,9 +83,9 @@ export default function LandingPage() {
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySeven
|
||||
title="Specialized Expertise"
|
||||
title="Specialized Services"
|
||||
description="From impossible-to-fix beading to vintage gown redesigns, we handle it all with precision and care."
|
||||
tag="What We Do"
|
||||
tag="What We Offer"
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
@@ -105,7 +103,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="invertDefault"
|
||||
buttons={[
|
||||
{ text: "Get Started", href: "contact" }
|
||||
{ text: "Get Started", href: "cta" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -124,12 +122,12 @@ export default function LandingPage() {
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "2", value: "5★", title: "Hundreds of 5-Star Reviews", items: [
|
||||
id: "2", value: "100%", title: "5-Star Reviews", items: [
|
||||
"Honest pricing", "On-time fittings", "Expert craftsmanship"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "3", value: "∞", title: "Never Turned Away", items: [
|
||||
id: "3", value: "Never", title: "Turned Away", items: [
|
||||
"Complex alterations welcome", "Difficult materials mastered", "Custom redesigns available"
|
||||
]
|
||||
}
|
||||
@@ -148,44 +146,47 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Google Reviews", imageSrc: "http://img.b2bpic.net/free-photo/girlfriend-laughing_1157-65.jpg", imageAlt: "Client"
|
||||
id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/girlfriend-laughing_1157-65.jpg", imageAlt: "Sarah Johnson"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Google Reviews", imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg", imageAlt: "Client"
|
||||
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: "Google Reviews", imageSrc: "http://img.b2bpic.net/free-photo/girlfriend-laughing_1157-65.jpg", imageAlt: "Client"
|
||||
id: "3", name: "Jessica Chen", imageSrc: "http://img.b2bpic.net/free-photo/girlfriend-laughing_1157-65.jpg", imageAlt: "Jessica Chen"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Google Reviews", imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg", imageAlt: "Client"
|
||||
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: "Google Reviews", imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg", imageAlt: "Client"
|
||||
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: "Google Reviews", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-typing-her-laptop_231208-13559.jpg", imageAlt: "Client"
|
||||
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="Other shops turned me away. Abby didn't even hesitate."
|
||||
cardTag="Real Client Stories"
|
||||
cardTitle="Trusted by hundreds of brides"
|
||||
cardTag="Google Reviews"
|
||||
cardTagIcon={Heart}
|
||||
cardAnimation="blur-reveal"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial-alt-1" data-section="testimonial-alt-1" className="py-16 px-6 text-center bg-card rounded-lg mx-6 md:mx-auto max-w-3xl">
|
||||
<p className="text-lg md:text-xl font-semibold text-foreground italic mb-4">
|
||||
"She redesigned my dress flawlessly."
|
||||
</p>
|
||||
<p className="text-sm md:text-base text-foreground/80">— Google Reviews</p>
|
||||
</div>
|
||||
|
||||
<div id="testimonial-alt-2" data-section="testimonial-alt-2" className="py-16 px-6 text-center bg-card rounded-lg mx-6 md:mx-auto max-w-3xl">
|
||||
<p className="text-lg md:text-xl font-semibold text-foreground italic mb-4">
|
||||
"Better prices than big bridal stores."
|
||||
</p>
|
||||
<p className="text-sm md:text-base text-foreground/80">— Google Reviews</p>
|
||||
<div id="testimonials-quotes" data-section="testimonials-quotes" className="py-16 px-6 bg-card">
|
||||
<div className="max-w-4xl mx-auto text-center space-y-8">
|
||||
<div className="space-y-4">
|
||||
<p className="text-lg text-foreground italic">"Other shops turned me away. Abby didn't even hesitate."</p>
|
||||
<p className="text-sm text-foreground font-medium">Google Reviews</p>
|
||||
</div>
|
||||
<div className="space-y-4">
|
||||
<p className="text-lg text-foreground italic">"She redesigned my dress flawlessly."</p>
|
||||
<p className="text-sm text-foreground font-medium">Google Reviews</p>
|
||||
</div>
|
||||
<div className="space-y-4">
|
||||
<p className="text-lg text-foreground italic">"Better prices than big bridal stores."</p>
|
||||
<p className="text-sm text-foreground font-medium">Google Reviews</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="cta" data-section="cta">
|
||||
@@ -193,8 +194,8 @@ export default function LandingPage() {
|
||||
tag="Ready to Say Yes to Your Dress?"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
title="Book an Appointment"
|
||||
description="Bridal appointments required. Schedule your fitting today and let Abby work her magic."
|
||||
title="Book Your Appointment"
|
||||
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. Bridal appointments required."
|
||||
buttons={[
|
||||
{ text: "Book an Appointment", href: "#" },
|
||||
{ text: "Call to schedule", href: "#" }
|
||||
@@ -205,10 +206,24 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-info" data-section="contact-info" className="py-12 px-6 text-center">
|
||||
<h3 className="text-2xl md:text-3xl font-bold text-foreground mb-4">Location</h3>
|
||||
<p className="text-lg text-foreground/80 mb-2">West Milford, NJ</p>
|
||||
<p className="text-sm text-foreground/60">Bridal appointments required</p>
|
||||
<div id="contact-info" data-section="contact-info" className="py-12 px-6 bg-background text-center">
|
||||
<div className="max-w-2xl mx-auto space-y-6">
|
||||
<h3 className="text-2xl font-semibold text-foreground">Contact Information</h3>
|
||||
<div className="space-y-4">
|
||||
<div className="flex items-center justify-center gap-3">
|
||||
<MapPin className="w-5 h-5 text-primary-cta" />
|
||||
<p className="text-foreground">West Milford, NJ</p>
|
||||
</div>
|
||||
<div className="flex items-center justify-center gap-3">
|
||||
<Phone className="w-5 h-5 text-primary-cta" />
|
||||
<p className="text-foreground">(555) 123-4567</p>
|
||||
</div>
|
||||
<div className="flex items-center justify-center gap-3">
|
||||
<Calendar className="w-5 h-5 text-primary-cta" />
|
||||
<p className="text-foreground">Bridal appointments required</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
|
||||
Reference in New Issue
Block a user