|
|
|
|
@@ -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, Phone, Clock, MapPinIcon } from 'lucide-react';
|
|
|
|
|
import { Award, Globe, Heart, MapPin, Palette, Scissors, Star, Users, Zap, Instagram, Phone, Clock } 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="mediumSmall"
|
|
|
|
|
contentWidth="mediumLarge"
|
|
|
|
|
sizing="mediumSizeLargeTitles"
|
|
|
|
|
background="noiseDiagonalGradient"
|
|
|
|
|
cardStyle="gradient-mesh"
|
|
|
|
|
background="none"
|
|
|
|
|
cardStyle="glass-elevated"
|
|
|
|
|
primaryButtonStyle="gradient"
|
|
|
|
|
secondaryButtonStyle="glass"
|
|
|
|
|
headingFontWeight="bold"
|
|
|
|
|
@@ -38,33 +38,34 @@ export default function LandingPage() {
|
|
|
|
|
{ name: "Contact", id: "contact" }
|
|
|
|
|
]}
|
|
|
|
|
button={{
|
|
|
|
|
text: "Book Now", href: "contact"
|
|
|
|
|
text: "Book Appointment", href: "contact"
|
|
|
|
|
}}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroLogo
|
|
|
|
|
logoText="SIA PERSONAL TOUCH"
|
|
|
|
|
description="Paterson's Most Trusted Barbershop\n\nPrecision. Community. Family. Since Day One"
|
|
|
|
|
logoText="Paterson's Most Trusted Barbershop"
|
|
|
|
|
description="Precision. Community. Family. Since Day One."
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Book Your Cut", href: "contact" },
|
|
|
|
|
{ text: "Call (862) 218-1065", href: "tel:+18622181065" }
|
|
|
|
|
{ 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" }
|
|
|
|
|
]}
|
|
|
|
|
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="Community & Family Values at the Heart of Everything We Do"
|
|
|
|
|
title="Community & Family Legacy - Your Neighborhood Barbers Since Day One"
|
|
|
|
|
metrics={[
|
|
|
|
|
{ icon: Star, label: "Customer Rating", value: "4.9★" },
|
|
|
|
|
{ icon: Award, label: "Trusted Reviews", value: "78+" },
|
|
|
|
|
{ icon: Users, label: "Happy Clients", value: "2000+" },
|
|
|
|
|
{ icon: Heart, label: "Family Owned", value: "Since Day One" }
|
|
|
|
|
{ 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"
|
|
|
|
|
@@ -74,51 +75,37 @@ export default function LandingPage() {
|
|
|
|
|
<div id="services" data-section="services">
|
|
|
|
|
<FeatureCardTwentyFive
|
|
|
|
|
title="Premium Grooming Services"
|
|
|
|
|
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"
|
|
|
|
|
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"
|
|
|
|
|
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" }
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
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&_wi=1", imageAlt: "Professional beard trimming" },
|
|
|
|
|
{ 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" }
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
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,
|
|
|
|
|
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: "Precision shape up" },
|
|
|
|
|
{ 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" }
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
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,
|
|
|
|
|
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" }
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
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"
|
|
|
|
|
@@ -135,8 +122,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="Rated 4.9★ with 78+ Reviews - Trusted by thousands of satisfied customers across Paterson and beyond."
|
|
|
|
|
cardTag="Customer Testimonials"
|
|
|
|
|
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}
|
|
|
|
|
/>
|
|
|
|
|
@@ -145,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, kids cuts, and full grooming experiences. Each cut is a masterpiece."
|
|
|
|
|
tag="Our Portfolio"
|
|
|
|
|
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: "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" }
|
|
|
|
|
{ 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" }
|
|
|
|
|
]}
|
|
|
|
|
gridVariant="two-columns-alternating-heights"
|
|
|
|
|
animationType="blur-reveal"
|
|
|
|
|
@@ -163,10 +150,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 our community of satisfied customers."
|
|
|
|
|
description="Experience premium grooming at SIA Personal Touch. Book your appointment today and join hundreds of satisfied customers."
|
|
|
|
|
metrics={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", title: "Monday - Saturday", subtitle: "10:00 AM - 11:00 PM", category: "Hours", value: "Open Now", buttons: [{ text: "Book Your Appointment", 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"
|
|
|
|
|
@@ -178,29 +165,29 @@ export default function LandingPage() {
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
|
<ContactFaq
|
|
|
|
|
ctaTitle="Visit Us Today"
|
|
|
|
|
ctaDescription="334 Market St, Paterson, NJ 07501 | (862) 218-1065 | Open until 11 PM - Perfect for your schedule"
|
|
|
|
|
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 on Google Maps", href: "https://www.google.com/maps/search/334+Market+St,+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 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: "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 calling (862) 218-1065 or booking online. 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: "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: "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) 218-1065 to arrange your group session."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
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: "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: "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."
|
|
|
|
|
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}
|
|
|
|
|
@@ -212,18 +199,18 @@ export default function LandingPage() {
|
|
|
|
|
<FooterSimple
|
|
|
|
|
columns={[
|
|
|
|
|
{
|
|
|
|
|
title: "Quick Links", items: [
|
|
|
|
|
title: "Navigation", items: [
|
|
|
|
|
{ label: "Home", href: "#hero" },
|
|
|
|
|
{ label: "About", href: "#about" },
|
|
|
|
|
{ label: "Services", href: "#services" },
|
|
|
|
|
{ label: "Gallery", href: "#gallery" },
|
|
|
|
|
{ label: "Contact", href: "#contact" }
|
|
|
|
|
{ label: "Gallery", href: "#gallery" }
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Contact Info", items: [
|
|
|
|
|
title: "Contact", items: [
|
|
|
|
|
{ label: "Call (862) 218-1065", href: "tel:+18622181065" },
|
|
|
|
|
{ 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: "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" }
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
@@ -236,16 +223,15 @@ export default function LandingPage() {
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Information", items: [
|
|
|
|
|
{ label: "About Us", href: "#about" },
|
|
|
|
|
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 SIA Personal Touch Barber Shop & Salon. All rights reserved."
|
|
|
|
|
bottomRightText="Paterson's Most Trusted Barbershop | 334 Market St, Paterson, NJ 07501"
|
|
|
|
|
bottomRightText="334 Market St, Paterson, NJ 07501 | Precision. Community. Family. Since Day One."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
|
