|
|
|
|
@@ -10,25 +10,25 @@ import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
|
|
|
|
|
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
|
|
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
|
|
|
import { Award, Globe, Heart, MapPin, Palette, Scissors, Star, Users, Zap } from 'lucide-react';
|
|
|
|
|
import { Award, Globe, Heart, MapPin, Palette, Scissors, Star, Users, Zap, Instagram, Phone, Clock } from 'lucide-react';
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
|
return (
|
|
|
|
|
<ThemeProvider
|
|
|
|
|
defaultButtonVariant="elastic-effect"
|
|
|
|
|
defaultButtonVariant="hover-magnetic"
|
|
|
|
|
defaultTextAnimation="entrance-slide"
|
|
|
|
|
borderRadius="rounded"
|
|
|
|
|
contentWidth="mediumSmall"
|
|
|
|
|
contentWidth="mediumLarge"
|
|
|
|
|
sizing="mediumSizeLargeTitles"
|
|
|
|
|
background="noiseDiagonalGradient"
|
|
|
|
|
cardStyle="soft-shadow"
|
|
|
|
|
primaryButtonStyle="radial-glow"
|
|
|
|
|
secondaryButtonStyle="radial-glow"
|
|
|
|
|
headingFontWeight="extrabold"
|
|
|
|
|
background="none"
|
|
|
|
|
cardStyle="glass-elevated"
|
|
|
|
|
primaryButtonStyle="gradient"
|
|
|
|
|
secondaryButtonStyle="glass"
|
|
|
|
|
headingFontWeight="bold"
|
|
|
|
|
>
|
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
|
<NavbarLayoutFloatingOverlay
|
|
|
|
|
brandName="Sunshine Style"
|
|
|
|
|
brandName="SIA Personal Touch"
|
|
|
|
|
navItems={[
|
|
|
|
|
{ name: "Home", id: "hero" },
|
|
|
|
|
{ name: "About", id: "about" },
|
|
|
|
|
@@ -45,26 +45,27 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroLogo
|
|
|
|
|
logoText="SUNSHINE STYLE"
|
|
|
|
|
description="Paterson's Sharpest Cuts. Precision. Style. Confidence."
|
|
|
|
|
logoText="Paterson's Most Trusted Barbershop"
|
|
|
|
|
description="Precision. Community. Family. Since Day One."
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Book Appointment", href: "contact" },
|
|
|
|
|
{ text: "Call Now (862) 346-2147", href: "tel:+18623462147" }
|
|
|
|
|
{ text: "Call Now (862) 218-1065", href: "tel:+18622181065" },
|
|
|
|
|
{ text: "Get Directions", href: "https://maps.google.com/?q=334+Market+St,+Paterson,+NJ+07501" }
|
|
|
|
|
]}
|
|
|
|
|
imageSrc="https://images.unsplash.com/photo-1599351018859-3a0904d5053b?w=1200&h=800&fit=crop"
|
|
|
|
|
imageAlt="Premium barbershop with professional barber at work"
|
|
|
|
|
imageAlt="Professional barber providing precision haircut at SIA Personal Touch"
|
|
|
|
|
showDimOverlay={true}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="about" data-section="about">
|
|
|
|
|
<AboutMetric
|
|
|
|
|
title="Welcome to Sunshine Style - Paterson's Premier Barbershop Experience"
|
|
|
|
|
title="Community & Family Legacy - Your Neighborhood Barbers Since Day One"
|
|
|
|
|
metrics={[
|
|
|
|
|
{ icon: Star, label: "Google Rating", value: "4.6★" },
|
|
|
|
|
{ icon: Users, label: "Satisfied Clients", value: "1000+" },
|
|
|
|
|
{ icon: Globe, label: "Languages", value: "English & Español" },
|
|
|
|
|
{ icon: Award, label: "Award", value: "Best in Paterson" }
|
|
|
|
|
{ icon: Star, label: "Customer Rating", value: "4.9★" },
|
|
|
|
|
{ icon: Award, label: "Reviews", value: "78" },
|
|
|
|
|
{ icon: Users, label: "Community Trust", value: "100%" },
|
|
|
|
|
{ icon: Heart, label: "Family Values", value: "Since Day 1" }
|
|
|
|
|
]}
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
metricsAnimation="blur-reveal"
|
|
|
|
|
@@ -79,31 +80,31 @@ export default function LandingPage() {
|
|
|
|
|
tagAnimation="blur-reveal"
|
|
|
|
|
features={[
|
|
|
|
|
{
|
|
|
|
|
title: "Haircuts", description: "Classic and modern cuts tailored to your style and face shape. Professional execution with attention to detail.", icon: Scissors,
|
|
|
|
|
title: "Haircuts", description: "Classic and modern cuts tailored to your style and face shape. Professional execution with attention to detail. Starting at $30.", icon: Scissors,
|
|
|
|
|
mediaItems: [
|
|
|
|
|
{ imageSrc: "https://images.unsplash.com/photo-1599351018859-3a0904d5053b?w=600&h=400&fit=crop&_wi=1", imageAlt: "Professional haircut service" },
|
|
|
|
|
{ imageSrc: "https://images.unsplash.com/photo-1585747860715-cd4628902d4a?w=600&h=400&fit=crop&_wi=1", imageAlt: "Custom hair design" }
|
|
|
|
|
{ imageSrc: "https://images.unsplash.com/photo-1599351018859-3a0904d5053b?w=600&h=400&fit=crop", imageAlt: "Professional haircut service" },
|
|
|
|
|
{ imageSrc: "https://images.unsplash.com/photo-1585747860715-cd4628902d4a?w=600&h=400&fit=crop", imageAlt: "Custom hair design" }
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Skin Fade & Beard Trim", description: "Sharp, clean fades with precise line work. Complete beard grooming with professional trimming and shaping.", icon: Zap,
|
|
|
|
|
title: "Skin Fade & Beard Trim", description: "Sharp, clean fades with precise line work. Complete beard grooming with professional trimming and shaping. Starting at $25.", icon: Zap,
|
|
|
|
|
mediaItems: [
|
|
|
|
|
{ imageSrc: "https://images.unsplash.com/photo-1621905167918-48416bd8575a?w=600&h=400&fit=crop", imageAlt: "Professional beard trimming" },
|
|
|
|
|
{ imageSrc: "https://images.unsplash.com/photo-1599351018859-3a0904d5053b?w=600&h=400&fit=crop&_wi=2", imageAlt: "Clean skin fade" }
|
|
|
|
|
{ imageSrc: "https://images.unsplash.com/photo-1599351018859-3a0904d5053b?w=600&h=400&fit=crop", imageAlt: "Clean skin fade" }
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Custom Designs", description: "Express your style with intricate patterns and artistic hair designs. Our skilled barbers bring your vision to life.", icon: Palette,
|
|
|
|
|
title: "Shape Up & Eyebrow Trimming", description: "Express your style with intricate patterns and artistic designs. Eyebrow trimming for a polished look. Starting at $20.", icon: Palette,
|
|
|
|
|
mediaItems: [
|
|
|
|
|
{ imageSrc: "https://images.unsplash.com/photo-1585747860715-cd4628902d4a?w=600&h=400&fit=crop&_wi=2", imageAlt: "Creative hair design" },
|
|
|
|
|
{ imageSrc: "https://images.unsplash.com/photo-1554697335-7c6a8abd6f82?w=600&h=400&fit=crop&_wi=1", imageAlt: "Professional barbershop setting" }
|
|
|
|
|
{ imageSrc: "https://images.unsplash.com/photo-1585747860715-cd4628902d4a?w=600&h=400&fit=crop", imageAlt: "Creative hair design" },
|
|
|
|
|
{ imageSrc: "https://images.unsplash.com/photo-1554697335-7c6a8abd6f82?w=600&h=400&fit=crop", imageAlt: "Professional barbershop setting" }
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Kids & Family", description: "Friendly, comfortable atmosphere for children. Quick, professional service with special care for younger clients.", icon: Heart,
|
|
|
|
|
title: "Kids Cuts & Full Grooming Experience", description: "Friendly, comfortable atmosphere for children and family grooming. Quick, professional service with special care for all ages. Starting at $20.", icon: Heart,
|
|
|
|
|
mediaItems: [
|
|
|
|
|
{ imageSrc: "https://images.unsplash.com/photo-1599351018859-3a0904d5053b?w=600&h=400&fit=crop&_wi=3", imageAlt: "Family barbershop service" },
|
|
|
|
|
{ imageSrc: "https://images.unsplash.com/photo-1554697335-7c6a8abd6f82?w=600&h=400&fit=crop&_wi=2", imageAlt: "Welcoming barbershop environment" }
|
|
|
|
|
{ imageSrc: "https://images.unsplash.com/photo-1599351018859-3a0904d5053b?w=600&h=400&fit=crop", imageAlt: "Family barbershop service" },
|
|
|
|
|
{ imageSrc: "https://images.unsplash.com/photo-1554697335-7c6a8abd6f82?w=600&h=400&fit=crop", imageAlt: "Welcoming barbershop environment" }
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
@@ -116,15 +117,13 @@ export default function LandingPage() {
|
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
|
|
|
<TestimonialCardTwelve
|
|
|
|
|
testimonials={[
|
|
|
|
|
{ id: "1", name: "Marcus Johnson", imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=200&h=200&fit=crop&_wi=1" },
|
|
|
|
|
{ id: "2", name: "David Rodriguez", imageSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=200&h=200&fit=crop&_wi=1" },
|
|
|
|
|
{ id: "1", name: "Marcus Johnson", imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=200&h=200&fit=crop" },
|
|
|
|
|
{ id: "2", name: "David Rodriguez", imageSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=200&h=200&fit=crop" },
|
|
|
|
|
{ id: "3", name: "James Williams", imageSrc: "https://images.unsplash.com/photo-1519345291844-55a88987f1ad?w=200&h=200&fit=crop" },
|
|
|
|
|
{ id: "4", name: "Antonio Garcia", imageSrc: "https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?w=200&h=200&fit=crop" },
|
|
|
|
|
{ id: "5", name: "Chris Martinez", imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=200&h=200&fit=crop&_wi=2" },
|
|
|
|
|
{ id: "6", name: "Miguel Santos", imageSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=200&h=200&fit=crop&_wi=2" }
|
|
|
|
|
{ id: "4", name: "Antonio Garcia", imageSrc: "https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?w=200&h=200&fit=crop" }
|
|
|
|
|
]}
|
|
|
|
|
cardTitle="Trusted by thousands of satisfied customers in Paterson and beyond. Real people, real results, real style."
|
|
|
|
|
cardTag="See what they say"
|
|
|
|
|
cardTitle="The best barbershop in NJ. Been coming here since I was 10 years old. Precision. Community. Family."
|
|
|
|
|
cardTag="4.9 ★ • 78 Reviews"
|
|
|
|
|
cardAnimation="blur-reveal"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
/>
|
|
|
|
|
@@ -133,13 +132,13 @@ export default function LandingPage() {
|
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
|
|
|
<ProductCardThree
|
|
|
|
|
title="Gallery"
|
|
|
|
|
description="Explore our work - From classic fades to custom designs. Each cut is a masterpiece."
|
|
|
|
|
description="Explore our work - From classic fades to custom designs. Each cut is a masterpiece of precision and artistry."
|
|
|
|
|
tag="Our Work"
|
|
|
|
|
products={[
|
|
|
|
|
{ id: "1", name: "Classic Fade", price: "Starting $25", imageSrc: "https://images.unsplash.com/photo-1599351018859-3a0904d5053b?w=600&h=600&fit=crop" },
|
|
|
|
|
{ id: "2", name: "Beard Trim & Shape", price: "Starting $15", imageSrc: "https://images.unsplash.com/photo-1621905167918-48416bd8575a?w=600&h=600&fit=crop" },
|
|
|
|
|
{ id: "1", name: "Classic Fade", price: "Starting $30", imageSrc: "https://images.unsplash.com/photo-1599351018859-3a0904d5053b?w=600&h=600&fit=crop" },
|
|
|
|
|
{ id: "2", name: "Beard Trim & Shape", price: "Starting $25", imageSrc: "https://images.unsplash.com/photo-1621905167918-48416bd8575a?w=600&h=600&fit=crop" },
|
|
|
|
|
{ id: "3", name: "Custom Design", price: "Starting $35", imageSrc: "https://images.unsplash.com/photo-1585747860715-cd4628902d4a?w=600&h=600&fit=crop" },
|
|
|
|
|
{ id: "4", name: "Interior Studio", price: "Premium Atmosphere", imageSrc: "https://images.unsplash.com/photo-1554697335-7c6a8abd6f82?w=600&h=600&fit=crop" }
|
|
|
|
|
{ id: "4", name: "Professional Studio", price: "Premium Atmosphere", imageSrc: "https://images.unsplash.com/photo-1554697335-7c6a8abd6f82?w=600&h=600&fit=crop" }
|
|
|
|
|
]}
|
|
|
|
|
gridVariant="two-columns-alternating-heights"
|
|
|
|
|
animationType="blur-reveal"
|
|
|
|
|
@@ -150,11 +149,11 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="cta" data-section="cta">
|
|
|
|
|
<MetricCardTen
|
|
|
|
|
title="Ready to Level Up Your Look?"
|
|
|
|
|
description="Experience premium grooming at Sunshine Style. Book your appointment today and join hundreds of satisfied customers."
|
|
|
|
|
title="Ready for a Fresh Cut?"
|
|
|
|
|
description="Experience premium grooming at SIA Personal Touch. Book your appointment today and join hundreds of satisfied customers."
|
|
|
|
|
metrics={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", title: "Monday - Friday", subtitle: "10:00 AM - 9:00 PM", category: "Hours", value: "Open Now", buttons: [{ text: "Book Your Cut Today", href: "contact" }]
|
|
|
|
|
id: "1", title: "Monday - Friday", subtitle: "10:00 AM - 11:00 PM", category: "Hours", value: "Open Now", buttons: [{ text: "Book Your Appointment", href: "contact" }]
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
@@ -166,26 +165,29 @@ export default function LandingPage() {
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
|
<ContactFaq
|
|
|
|
|
ctaTitle="Visit Us Today"
|
|
|
|
|
ctaDescription="Located in Rosa Parks Food Center - Paterson's most convenient location for premium grooming."
|
|
|
|
|
ctaDescription="Located at 334 Market St, Paterson, NJ 07501. Family-owned and operated with pride since day one. Call (862) 218-1065 or visit us now."
|
|
|
|
|
ctaIcon={MapPin}
|
|
|
|
|
ctaButton={{
|
|
|
|
|
text: "Get Directions", href: "https://maps.google.com/?q=204+Rosa+Parks+Blvd,+Paterson,+NJ+07501"
|
|
|
|
|
text: "Get Directions", href: "https://maps.google.com/?q=334+Market+St,+Paterson,+NJ+07501"
|
|
|
|
|
}}
|
|
|
|
|
faqs={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", title: "What are your hours?", content: "We're open Monday through Friday from 10:00 AM to 9:00 PM. Saturday and Sunday hours available upon request. We're conveniently located in the Rosa Parks Food Center, making it easy to fit in your appointment."
|
|
|
|
|
id: "1", title: "What are your hours?", content: "We're open Monday through Friday from 10:00 AM to 11:00 PM. Saturday and Sunday hours available - call (862) 218-1065 for weekend availability. We're conveniently located at 334 Market St, Paterson, making it easy to fit in your appointment."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "2", title: "Do you accept walk-ins?", content: "Yes! We welcome walk-ins and appointments. For guaranteed service during peak hours, we recommend booking online or calling (862) 346-2147. Our team will fit you in as quickly as possible."
|
|
|
|
|
id: "2", title: "Do you accept walk-ins?", content: "Yes! We welcome walk-ins and appointments. For guaranteed service during peak hours, we recommend booking online or calling (862) 218-1065. Our team will fit you in as quickly as possible."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "3", title: "What payment methods do you accept?", content: "We accept cash, credit cards (Visa, Mastercard, American Express), and digital payments. We also offer mobile payment options for your convenience."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "4", title: "Do you offer group bookings?", content: "Absolutely! We can accommodate group bookings and special events. For parties or multiple appointments, please call us at (862) 346-2147 to arrange your group session."
|
|
|
|
|
id: "4", title: "Do you offer group bookings?", content: "Absolutely! We can accommodate group bookings and special events. For parties or multiple appointments, please call us at (862) 218-1065 to arrange your group session."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "5", title: "Are your barbers experienced?", content: "Yes! Our team is highly trained and experienced in all barbering services. We specialize in fades, custom designs, beard work, and classic cuts. Our owner Christian and team are committed to excellence."
|
|
|
|
|
id: "5", title: "Are your barbers experienced?", content: "Yes! Our team is highly trained and experienced in all barbering services. We specialize in fades, custom designs, beard work, kids cuts, and classic cuts. Our family is committed to precision, community, and family values since day one."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "6", title: "Where is your location?", content: "We're located at 334 Market St, Paterson, NJ 07501. Open Monday-Friday 10:00 AM - 11:00 PM. Call (862) 218-1065 for directions or weekend hours."
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
@@ -206,9 +208,9 @@ export default function LandingPage() {
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Contact", items: [
|
|
|
|
|
{ label: "Call (862) 346-2147", href: "tel:+18623462147" },
|
|
|
|
|
{ label: "Email", href: "mailto:info@sunshinestyle.com" },
|
|
|
|
|
{ label: "Location", href: "https://maps.google.com/?q=204+Rosa+Parks+Blvd,+Paterson,+NJ+07501" },
|
|
|
|
|
{ label: "Call (862) 218-1065", href: "tel:+18622181065" },
|
|
|
|
|
{ label: "Visit Us", href: "https://maps.google.com/?q=334+Market+St,+Paterson,+NJ+07501" },
|
|
|
|
|
{ label: "Hours: Mon-Fri 10AM-11PM", href: "#contact" },
|
|
|
|
|
{ label: "Book Appointment", href: "#contact" }
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
@@ -216,20 +218,20 @@ export default function LandingPage() {
|
|
|
|
|
title: "Follow Us", items: [
|
|
|
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
|
|
|
{ label: "Facebook", href: "https://facebook.com" },
|
|
|
|
|
{ label: "TikTok", href: "https://tiktok.com" },
|
|
|
|
|
{ label: "Google Reviews", href: "https://google.com/search" }
|
|
|
|
|
{ label: "Google Reviews", href: "https://google.com/search" },
|
|
|
|
|
{ label: "TikTok", href: "https://tiktok.com" }
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Legal", items: [
|
|
|
|
|
title: "Info", items: [
|
|
|
|
|
{ label: "334 Market St, Paterson, NJ 07501", href: "https://maps.google.com/?q=334+Market+St,+Paterson,+NJ+07501" },
|
|
|
|
|
{ label: "Privacy Policy", href: "#" },
|
|
|
|
|
{ label: "Terms of Service", href: "#" },
|
|
|
|
|
{ label: "Accessibility", href: "#" }
|
|
|
|
|
{ label: "Terms of Service", href: "#" }
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
bottomLeftText="© 2025 Sunshine Style Barbershop. All rights reserved."
|
|
|
|
|
bottomRightText="204 Rosa Parks Blvd, Paterson, NJ 07501 | Best Barbershop in Paterson"
|
|
|
|
|
bottomLeftText="© 2025 SIA Personal Touch Barber Shop & Salon. All rights reserved."
|
|
|
|
|
bottomRightText="334 Market St, Paterson, NJ 07501 | Precision. Community. Family. Since Day One."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
|