bender/671c5cca-9436-4ab9-b970-31e0263dc31b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_4 into main #8

Merged
bender merged 7 commits from version_4 into main 2026-03-05 01:18:38 +00:00
Conversation 0 Commits 7 Files Changed 4 +94 -73
4 changed files with 94 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/app/layout.tsx
View File

@@ -1,13 +1,18 @@
import type { Metadata } from "next";
import { Inter } from "next/font/google";
import { Poppins } from "next/font/google";
import "./globals.css";
import "./styles/variables.css";
import "./styles/base.css";
const inter = Inter({ subsets: ["latin"] });
const poppins = Poppins({
variable: "--font-poppins", subsets: ["latin"],
weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
});
export const metadata: Metadata = {
title: "Sunshine Style Barbershop", description: "Premium barbershop in Paterson, NJ - Expert cuts, fades, beard grooming, and custom designs."};
title: "SIA Personal Touch Barber Shop & Salon | Paterson NJ", description: "Premium barbershop in Paterson, NJ - Expert fades, haircuts, beard trims, kids cuts, and full grooming. Luxury urban family barbershop with 4.9★ rating. Best barber in NJ.", keywords: "barbershop Paterson NJ, fade haircut Paterson, best barber NJ, kids haircut Paterson, men's grooming", openGraph: {
title: "SIA Personal Touch Barber Shop & Salon", description: "Paterson's most trusted barbershop - Precision. Community. Family.", url: "https://siapersonaltouch.com", type: "website"},
};
export default function RootLayout({
children,
@@ -16,7 +21,7 @@ export default function RootLayout({
}) {
return (
<html lang="en">
<body className={inter.className}>{children}
<body className={poppins.variable}>{children}
<script
dangerouslySetInnerHTML={{
__html: `

144
src/app/page.tsx
View File

@@ -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, Phone, Clock, MapPinIcon } from 'lucide-react';
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="mediumSizeLargeTitles"
background="noiseDiagonalGradient"
cardStyle="soft-shadow"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="radial-glow"
headingFontWeight="extrabold"
cardStyle="gradient-mesh"
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" },
@@ -38,18 +38,18 @@ 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="SUNSHINE STYLE"
description="Paterson's Sharpest Cuts. Precision. Style. Confidence."
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) 346-2147", href: "tel:+18623462147" }
{ 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="Premium barbershop with professional barber at work"
@@ -59,12 +59,12 @@ export default function LandingPage() {
<div id="about" data-section="about">
<AboutMetric
title="Welcome to Sunshine Style - Paterson's Premier Barbershop Experience"
title="Community & Family Values at the Heart of Everything We Do"
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: "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"
@@ -74,36 +74,50 @@ 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.", 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,
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: "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", imageAlt: "Precision shape up" },
{ imageSrc: "https://images.unsplash.com/photo-1554697335-7c6a8abd6f82?w=600&h=400&fit=crop", 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,
mediaItems: [
{ 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" }
]
},
{
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", imageAlt: "Full grooming service" },
{ imageSrc: "https://images.unsplash.com/photo-1585747860715-cd4628902d4a?w=600&h=400&fit=crop", 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-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 & Family", description: "Friendly, comfortable atmosphere for children. Quick, professional service with special care for younger clients.", 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-1554697335-7c6a8abd6f82?w=600&h=400&fit=crop", imageAlt: "Creative hair design" },
{ imageSrc: "https://images.unsplash.com/photo-1599351018859-3a0904d5053b?w=600&h=400&fit=crop", imageAlt: "Artistic barbershop work" }
]
}
]}
@@ -116,15 +130,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="Rated 4.9★ with 78+ Reviews - Trusted by thousands of satisfied customers across Paterson and beyond."
cardTag="Customer Testimonials"
cardAnimation="blur-reveal"
useInvertedBackground={false}
/>
@@ -133,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."
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 $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: "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: "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,11 +162,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 our community 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 - Saturday", subtitle: "10:00 AM - 11:00 PM", category: "Hours", value: "Open Now", buttons: [{ text: "Book Your Appointment", href: "contact" }]
}
]}
textboxLayout="default"
@@ -166,26 +178,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="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=204+Rosa+Parks+Blvd,+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 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 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) 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 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) 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: "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: "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}
@@ -197,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: [
{ 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" },
title: "Contact Info", 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: "Book Appointment", href: "#contact" }
]
},
@@ -216,20 +231,21 @@ 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: "Information", items: [
{ label: "About Us", href: "#about" },
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Accessibility", 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="Paterson's Most Trusted Barbershop | 334 Market St, Paterson, NJ 07501"
/>
</div>
</ThemeProvider>

4
src/app/styles/base.css
View File

@@ -11,7 +11,7 @@ html {
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-mulish), sans-serif;
font-family: var(--font-poppins), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-mulish), sans-serif;
font-family: var(--font-poppins), sans-serif;
}

6
src/app/styles/variables.css
View File

@@ -10,12 +10,12 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #1a1410;
--card: #2a201a;
--background: #0a0a0a;
--card: #1a1410;
--foreground: #f5f1ed;
--primary-cta: #d4af37;
--primary-cta-text: #1a1410;
--secondary-cta: #2a201a;
--secondary-cta: #1a1410;
--secondary-cta-text: #d4af37;
--accent: #1d5a4a;
--background-accent: #d4af37;