|
|
|
|
@@ -10,7 +10,7 @@ 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, Instagram, Phone, Clock } from 'lucide-react';
|
|
|
|
|
import { Award, Globe, Heart, MapPin, Palette, Scissors, Star, Users, Zap, Phone, Clock, MapPinIcon } from 'lucide-react';
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
|
return (
|
|
|
|
|
@@ -18,10 +18,10 @@ export default function LandingPage() {
|
|
|
|
|
defaultButtonVariant="hover-magnetic"
|
|
|
|
|
defaultTextAnimation="entrance-slide"
|
|
|
|
|
borderRadius="rounded"
|
|
|
|
|
contentWidth="mediumLarge"
|
|
|
|
|
contentWidth="mediumSmall"
|
|
|
|
|
sizing="mediumSizeLargeTitles"
|
|
|
|
|
background="none"
|
|
|
|
|
cardStyle="glass-elevated"
|
|
|
|
|
background="noiseDiagonalGradient"
|
|
|
|
|
cardStyle="gradient-mesh"
|
|
|
|
|
primaryButtonStyle="gradient"
|
|
|
|
|
secondaryButtonStyle="glass"
|
|
|
|
|
headingFontWeight="bold"
|
|
|
|
|
@@ -38,34 +38,33 @@ export default function LandingPage() {
|
|
|
|
|
{ name: "Contact", id: "contact" }
|
|
|
|
|
]}
|
|
|
|
|
button={{
|
|
|
|
|
text: "Book Appointment", href: "contact"
|
|
|
|
|
text: "Book Now", href: "contact"
|
|
|
|
|
}}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroLogo
|
|
|
|
|
logoText="Paterson's Most Trusted Barbershop"
|
|
|
|
|
description="Precision. Community. Family. Since Day One."
|
|
|
|
|
logoText="SIA PERSONAL TOUCH"
|
|
|
|
|
description="Paterson's Most Trusted Barbershop\n\nPrecision. Community. Family. Since Day One"
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Book Appointment", href: "contact" },
|
|
|
|
|
{ text: "Call Now (862) 218-1065", href: "tel:+18622181065" },
|
|
|
|
|
{ text: "Get Directions", href: "https://maps.google.com/?q=334+Market+St,+Paterson,+NJ+07501" }
|
|
|
|
|
{ text: "Book Your Cut", href: "contact" },
|
|
|
|
|
{ text: "Call (862) 218-1065", href: "tel:+18622181065" }
|
|
|
|
|
]}
|
|
|
|
|
imageSrc="https://images.unsplash.com/photo-1599351018859-3a0904d5053b?w=1200&h=800&fit=crop"
|
|
|
|
|
imageAlt="Professional barber providing precision haircut at SIA Personal Touch"
|
|
|
|
|
imageAlt="Premium barbershop with professional barber at work"
|
|
|
|
|
showDimOverlay={true}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="about" data-section="about">
|
|
|
|
|
<AboutMetric
|
|
|
|
|
title="Community & Family Legacy - Your Neighborhood Barbers Since Day One"
|
|
|
|
|
title="Community & Family Values at the Heart of Everything We Do"
|
|
|
|
|
metrics={[
|
|
|
|
|
{ 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" }
|
|
|
|
|
{ icon: Award, label: "Trusted Reviews", value: "78+" },
|
|
|
|
|
{ icon: Users, label: "Happy Clients", value: "2000+" },
|
|
|
|
|
{ icon: Heart, label: "Family Owned", value: "Since Day One" }
|
|
|
|
|
]}
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
metricsAnimation="blur-reveal"
|
|
|
|
|
@@ -75,37 +74,51 @@ export default function LandingPage() {
|
|
|
|
|
<div id="services" data-section="services">
|
|
|
|
|
<FeatureCardTwentyFive
|
|
|
|
|
title="Premium Grooming Services"
|
|
|
|
|
description="Expertly crafted cuts and styles designed to make you look and feel your best. Each service delivered with precision and professionalism."
|
|
|
|
|
tag="Services & Pricing"
|
|
|
|
|
description="Expertly crafted cuts and styles designed for every client. From classic fades to custom designs, each service delivers precision and professionalism."
|
|
|
|
|
tag="Our Services"
|
|
|
|
|
tagAnimation="blur-reveal"
|
|
|
|
|
features={[
|
|
|
|
|
{
|
|
|
|
|
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,
|
|
|
|
|
title: "Haircuts", description: "Classic and modern cuts tailored to your style and face shape. Professional execution with attention to detail.", 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" }
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
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,
|
|
|
|
|
title: "Skin Fade & Beard Trim", description: "Sharp, clean fades with precise line work. Complete beard grooming with professional trimming and shaping.", 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-1621905167918-48416bd8575a?w=600&h=400&fit=crop&_wi=1", imageAlt: "Professional beard trimming" },
|
|
|
|
|
{ imageSrc: "https://images.unsplash.com/photo-1599351018859-3a0904d5053b?w=600&h=400&fit=crop&_wi=2", imageAlt: "Clean skin fade" }
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
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,
|
|
|
|
|
title: "Shape Up & Eyebrow Trimming", description: "Precision line work and eyebrow shaping for a polished look. Expert attention to facial features and symmetry.", 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-1585747860715-cd4628902d4a?w=600&h=400&fit=crop&_wi=2", imageAlt: "Precision shape up" },
|
|
|
|
|
{ imageSrc: "https://images.unsplash.com/photo-1554697335-7c6a8abd6f82?w=600&h=400&fit=crop&_wi=1", imageAlt: "Professional barbershop setting" }
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
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,
|
|
|
|
|
title: "Kids Cuts & Family Experience", description: "Friendly, comfortable atmosphere for children. Quick, professional service with special care for younger clients and family appointments.", 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" }
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Full Grooming Experience", description: "Complete grooming packages combining haircuts, beard work, and styling. Premium service for the discerning client.", icon: Award,
|
|
|
|
|
mediaItems: [
|
|
|
|
|
{ imageSrc: "https://images.unsplash.com/photo-1621905167918-48416bd8575a?w=600&h=400&fit=crop&_wi=2", imageAlt: "Full grooming service" },
|
|
|
|
|
{ imageSrc: "https://images.unsplash.com/photo-1585747860715-cd4628902d4a?w=600&h=400&fit=crop&_wi=3", imageAlt: "Premium grooming" }
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Custom Designs", description: "Express your style with intricate patterns and artistic hair designs. Our skilled barbers bring your vision to life.", icon: Palette,
|
|
|
|
|
mediaItems: [
|
|
|
|
|
{ imageSrc: "https://images.unsplash.com/photo-1554697335-7c6a8abd6f82?w=600&h=400&fit=crop&_wi=3", imageAlt: "Creative hair design" },
|
|
|
|
|
{ imageSrc: "https://images.unsplash.com/photo-1599351018859-3a0904d5053b?w=600&h=400&fit=crop&_wi=4", imageAlt: "Artistic barbershop work" }
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
animationType="blur-reveal"
|
|
|
|
|
@@ -122,8 +135,8 @@ export default function LandingPage() {
|
|
|
|
|
{ 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" }
|
|
|
|
|
]}
|
|
|
|
|
cardTitle="The best barbershop in NJ. Been coming here since I was 10 years old. Precision. Community. Family."
|
|
|
|
|
cardTag="4.9 ★ • 78 Reviews"
|
|
|
|
|
cardTitle="Rated 4.9★ with 78+ Reviews - Trusted by thousands of satisfied customers across Paterson and beyond."
|
|
|
|
|
cardTag="Customer Testimonials"
|
|
|
|
|
cardAnimation="blur-reveal"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
/>
|
|
|
|
|
@@ -132,13 +145,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 of precision and artistry."
|
|
|
|
|
tag="Our Work"
|
|
|
|
|
description="Explore our work - From classic fades to custom designs, kids cuts, and full grooming experiences. Each cut is a masterpiece."
|
|
|
|
|
tag="Our Portfolio"
|
|
|
|
|
products={[
|
|
|
|
|
{ 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: "Professional Studio", price: "Premium Atmosphere", imageSrc: "https://images.unsplash.com/photo-1554697335-7c6a8abd6f82?w=600&h=600&fit=crop" }
|
|
|
|
|
{ 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: "3", name: "Kids Cuts", price: "Starting $20", imageSrc: "https://images.unsplash.com/photo-1585747860715-cd4628902d4a?w=600&h=600&fit=crop" },
|
|
|
|
|
{ id: "4", name: "Custom Design", price: "Starting $35", imageSrc: "https://images.unsplash.com/photo-1554697335-7c6a8abd6f82?w=600&h=600&fit=crop" }
|
|
|
|
|
]}
|
|
|
|
|
gridVariant="two-columns-alternating-heights"
|
|
|
|
|
animationType="blur-reveal"
|
|
|
|
|
@@ -150,10 +163,10 @@ export default function LandingPage() {
|
|
|
|
|
<div id="cta" data-section="cta">
|
|
|
|
|
<MetricCardTen
|
|
|
|
|
title="Ready for a Fresh Cut?"
|
|
|
|
|
description="Experience premium grooming at SIA Personal Touch. Book your appointment today and join hundreds of satisfied customers."
|
|
|
|
|
description="Experience premium grooming at SIA Personal Touch. Book your appointment today and join our community of satisfied customers."
|
|
|
|
|
metrics={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", title: "Monday - Friday", subtitle: "10:00 AM - 11:00 PM", category: "Hours", value: "Open Now", buttons: [{ text: "Book Your Appointment", href: "contact" }]
|
|
|
|
|
id: "1", title: "Monday - Saturday", subtitle: "10:00 AM - 11:00 PM", category: "Hours", value: "Open Now", buttons: [{ text: "Book Your Appointment", href: "contact" }]
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
@@ -165,29 +178,29 @@ export default function LandingPage() {
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
|
<ContactFaq
|
|
|
|
|
ctaTitle="Visit Us Today"
|
|
|
|
|
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."
|
|
|
|
|
ctaDescription="334 Market St, Paterson, NJ 07501 | (862) 218-1065 | Open until 11 PM - Perfect for your schedule"
|
|
|
|
|
ctaIcon={MapPin}
|
|
|
|
|
ctaButton={{
|
|
|
|
|
text: "Get Directions", href: "https://maps.google.com/?q=334+Market+St,+Paterson,+NJ+07501"
|
|
|
|
|
text: "Get Directions on Google Maps", href: "https://www.google.com/maps/search/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 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: "1", title: "What are your hours?", content: "We're open Monday through Saturday from 10:00 AM to 11:00 PM - open late for your convenience! This makes it easy to fit in your appointment after work or school. Contact us at (862) 218-1065 for Sunday availability."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
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: "2", title: "Do you accept walk-ins?", content: "Yes! We welcome walk-ins and appointments. For guaranteed service during peak hours, we recommend calling (862) 218-1065 or booking online. 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: "3", title: "Where is SIA Personal Touch located?", content: "We're located at 334 Market St, Paterson, NJ 07501. Convenient location with easy parking. You can get directions on Google Maps or call us at (862) 218-1065."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
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, kids cuts, and classic cuts. Our family is committed to precision, community, and family values since day one."
|
|
|
|
|
id: "5", title: "What services do you offer?", content: "We specialize in professional haircuts, skin fades, beard trims, shape ups, eyebrow trimming, kids cuts, and full grooming experiences. Our team is highly trained in all barbering services with attention to detail."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
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."
|
|
|
|
|
id: "6", title: "Are you family-friendly?", content: "Yes! We're a family-owned barbershop with a welcoming atmosphere for clients of all ages, including children. We offer kids cuts with special care and comfort for younger clients."
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
@@ -199,18 +212,18 @@ export default function LandingPage() {
|
|
|
|
|
<FooterSimple
|
|
|
|
|
columns={[
|
|
|
|
|
{
|
|
|
|
|
title: "Navigation", items: [
|
|
|
|
|
title: "Quick Links", items: [
|
|
|
|
|
{ label: "Home", href: "#hero" },
|
|
|
|
|
{ label: "About", href: "#about" },
|
|
|
|
|
{ label: "Services", href: "#services" },
|
|
|
|
|
{ label: "Gallery", href: "#gallery" }
|
|
|
|
|
{ label: "Gallery", href: "#gallery" },
|
|
|
|
|
{ label: "Contact", href: "#contact" }
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Contact", items: [
|
|
|
|
|
title: "Contact Info", items: [
|
|
|
|
|
{ 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: "334 Market St, Paterson NJ 07501", href: "https://www.google.com/maps/search/334+Market+St,+Paterson,+NJ+07501" },
|
|
|
|
|
{ label: "Hours: 10AM - 11PM", href: "#contact" },
|
|
|
|
|
{ label: "Book Appointment", href: "#contact" }
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
@@ -223,15 +236,16 @@ export default function LandingPage() {
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Info", items: [
|
|
|
|
|
{ label: "334 Market St, Paterson, NJ 07501", href: "https://maps.google.com/?q=334+Market+St,+Paterson,+NJ+07501" },
|
|
|
|
|
title: "Information", items: [
|
|
|
|
|
{ label: "About Us", href: "#about" },
|
|
|
|
|
{ label: "Privacy Policy", href: "#" },
|
|
|
|
|
{ label: "Terms of Service", href: "#" }
|
|
|
|
|
{ label: "Terms of Service", href: "#" },
|
|
|
|
|
{ label: "Accessibility", href: "#" }
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
bottomLeftText="© 2025 SIA Personal Touch Barber Shop & Salon. All rights reserved."
|
|
|
|
|
bottomRightText="334 Market St, Paterson, NJ 07501 | Precision. Community. Family. Since Day One."
|
|
|
|
|
bottomRightText="Paterson's Most Trusted Barbershop | 334 Market St, Paterson, NJ 07501"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
|
