Merge version_2 into main #3
@@ -4,9 +4,9 @@ import Link from "next/link";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
|
||||
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
|
||||
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
||||
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
||||
import { Calendar, HelpCircle } from "lucide-react";
|
||||
import { Calendar } from "lucide-react";
|
||||
|
||||
export default function BookingPage() {
|
||||
const navItems = [
|
||||
@@ -19,8 +19,7 @@ export default function BookingPage() {
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Services", href: "/services" },
|
||||
@@ -28,8 +27,7 @@ export default function BookingPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{ label: "Haircuts", href: "/services" },
|
||||
{ label: "Fades", href: "/services" },
|
||||
{ label: "Beard Trims", href: "/services" },
|
||||
@@ -37,8 +35,7 @@ export default function BookingPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{ label: "Phone", href: "tel:(555)123-4567" },
|
||||
{ label: "Email", href: "mailto:info@barbershop2020.com" },
|
||||
{ label: "Location", href: "/contact" },
|
||||
@@ -46,8 +43,7 @@ export default function BookingPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" },
|
||||
@@ -86,13 +82,9 @@ export default function BookingPage() {
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#",
|
||||
},
|
||||
text: "Book Appointment", href: "#"},
|
||||
{
|
||||
text: "Call Us",
|
||||
href: "tel:(555)123-4567",
|
||||
},
|
||||
text: "Call Us", href: "tel:(555)123-4567"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326537.jpg?_wi=2"
|
||||
@@ -100,52 +92,16 @@ export default function BookingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="booking-faq" data-section="booking-faq">
|
||||
<FaqSplitText
|
||||
sideTitle="Booking Information"
|
||||
sideDescription="Everything you need to know about scheduling your appointment at Barbershop 2020."
|
||||
faqsAnimation="slide-up"
|
||||
<div id="booking-contact" data-section="booking-contact">
|
||||
<ContactCenter
|
||||
tag="Ready to Book?"
|
||||
title="Get Started"
|
||||
description="Sign up for exclusive booking notifications and updates on our latest services."
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
useInvertedBackground={false}
|
||||
textPosition="left"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do I book an appointment?",
|
||||
content: "You can book online through our booking page, call us at (555) 123-4567, or walk in during business hours. We recommend booking ahead, especially on weekends.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you accept walk-ins?",
|
||||
content: "Yes! We welcome walk-ins, but availability may vary. For guaranteed time slots, we recommend booking online or calling ahead.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "What is your cancellation policy?",
|
||||
content: "We ask for 24 hours notice if you need to cancel or reschedule. Last-minute cancellations may incur a fee.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "How long does a typical appointment take?",
|
||||
content: "Most haircuts take 30-45 minutes, fades take 40-50 minutes, and hot towel shaves take 45-60 minutes. Beard trims typically take 15-20 minutes.",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Do you offer gift cards?",
|
||||
content: "Yes! Gift cards are available in any denomination. They make perfect gifts for the men in your life.",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
title: "Are you wheelchair accessible?",
|
||||
content: "Our shop is fully wheelchair accessible with ample parking and an accessible entrance.",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Notify Me"
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
280
src/app/page.tsx
280
src/app/page.tsx
@@ -36,9 +36,7 @@ export default function HomePage() {
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "/booking",
|
||||
}}
|
||||
text: "Book Now", href: "/booking"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -47,20 +45,15 @@ export default function HomePage() {
|
||||
title="Precision Cuts. Timeless Style."
|
||||
description="Experience premium barbershop services in a sophisticated atmosphere. From sharp fades to classic cuts, we deliver excellence with every blade."
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Premium Barbershop"
|
||||
tagIcon={Scissors}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "/booking",
|
||||
},
|
||||
text: "Book Now", href: "/booking"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "/about",
|
||||
},
|
||||
text: "Learn More", href: "/about"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326537.jpg?_wi=1"
|
||||
@@ -68,6 +61,37 @@ export default function HomePage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials" className="mx-auto px-4 md:px-6">
|
||||
<TestimonialCardThirteen
|
||||
title="What Our Clients Say"
|
||||
description="Real feedback from satisfied customers who trust us with their grooming."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
showRating={true}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Robert Mitchell", handle: "@rmitch_official", testimonial: "Best barber in town! Marcus knows exactly what I want before I even say it. The attention to detail is unmatched.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyous-adult-guy-office-posing-camera-gesturing-with-thumb-aside-dark-gray-copy-space_171337-445.jpg?_wi=1", imageAlt: "satisfied male customer portrait professional"},
|
||||
{
|
||||
id: "2", name: "Chris Thompson", handle: "@chris_t_sharp", testimonial: "Finally found a barbershop that takes pride in their craft. Every visit is an experience. Highly recommended!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg?_wi=1", imageAlt: "satisfied male customer portrait smiling"},
|
||||
{
|
||||
id: "3", name: "Michael Lee", handle: "@m_lee_88", testimonial: "The hot towel shave is incredible. Feels like luxury every single time. Worth every penny.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-showing-double-thumbs-up-shirt-looking-happy_176474-39750.jpg?_wi=1", imageAlt: "satisfied customer portrait male professional"},
|
||||
{
|
||||
id: "4", name: "Brandon Foster", handle: "@b_foster_style", testimonial: "Professional, clean, and efficient. David gave me the sharpest fade I've ever had. Coming back for sure.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-stately-ginger-fellow-stylish-navy-t-shirt-smiling-showing-ok-sign-looking-camera-while-posing-blue-studio-background-human-facial-expressions-sincer_639032-2122.jpg?_wi=1", imageAlt: "satisfied male customer portrait professional"},
|
||||
{
|
||||
id: "5", name: "Jason Powell", handle: "@jay_sharp", testimonial: "Been going here for two years. Consistency and quality are always on point. This is my barber shop.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-well-dressed-male-leaning-against-wall-looking-camera_181624-15421.jpg?_wi=1", imageAlt: "satisfied customer portrait male professional"},
|
||||
{
|
||||
id: "6", name: "Kevin Martinez", handle: "@kmartinez_cuts", testimonial: "The team here really cares about their clients. It shows in the work. Atmosphere is chill too.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-showing-double-thumbs-up-blouse-cardigan-looking-merry-front-view_176474-109580.jpg?_wi=1", imageAlt: "satisfied male customer portrait headshot"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about" className="mx-auto px-4 md:px-6">
|
||||
<TestimonialAboutCard
|
||||
tag="Our Story"
|
||||
@@ -97,47 +121,17 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "haircut",
|
||||
name: "Classic Haircut",
|
||||
price: "$25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-hairstilyst-giving-haircut_23-2148506298.jpg?_wi=1",
|
||||
imageAlt: "professional barber cutting man hair fade",
|
||||
},
|
||||
id: "haircut", name: "Classic Haircut", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/front-view-hairstilyst-giving-haircut_23-2148506298.jpg?_wi=1", imageAlt: "professional barber cutting man hair fade"},
|
||||
{
|
||||
id: "fade",
|
||||
name: "Fade Cut",
|
||||
price: "$30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-blond-bearded-male-dressed-black-leather-jacket_613910-11927.jpg?_wi=1",
|
||||
imageAlt: "barber performing fade haircut technique",
|
||||
},
|
||||
id: "fade", name: "Fade Cut", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-blond-bearded-male-dressed-black-leather-jacket_613910-11927.jpg?_wi=1", imageAlt: "barber performing fade haircut technique"},
|
||||
{
|
||||
id: "beard",
|
||||
name: "Beard Trim",
|
||||
price: "$20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-hairstilyst-giving-haircut_23-2148506283.jpg?_wi=1",
|
||||
imageAlt: "barber trimming beard professional styling",
|
||||
},
|
||||
id: "beard", name: "Beard Trim", price: "$20", imageSrc: "http://img.b2bpic.net/free-photo/front-view-hairstilyst-giving-haircut_23-2148506283.jpg?_wi=1", imageAlt: "barber trimming beard professional styling"},
|
||||
{
|
||||
id: "shave",
|
||||
name: "Hot Towel Shave",
|
||||
price: "$35",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-using-shaving-cream-contour-male-customer-s-beard_23-2148985734.jpg?_wi=1",
|
||||
imageAlt: "hot towel shave luxury barbershop experience",
|
||||
},
|
||||
id: "shave", name: "Hot Towel Shave", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/barber-using-shaving-cream-contour-male-customer-s-beard_23-2148985734.jpg?_wi=1", imageAlt: "hot towel shave luxury barbershop experience"},
|
||||
{
|
||||
id: "lineup",
|
||||
name: "Line Up",
|
||||
price: "$15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-hairstilyst-giving-haircut_23-2148506283.jpg?_wi=2",
|
||||
imageAlt: "barber line up precision edge work detail",
|
||||
},
|
||||
id: "lineup", name: "Line Up", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/front-view-hairstilyst-giving-haircut_23-2148506283.jpg?_wi=2", imageAlt: "barber line up precision edge work detail"},
|
||||
{
|
||||
id: "package",
|
||||
name: "Deluxe Package",
|
||||
price: "$60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-joyful-blonde-male-barber-uniform-puts-hands-ears-looking-side-holding-hair-clipper-isolated-violet-space-with-copy-space_141793-60190.jpg?_wi=1",
|
||||
imageAlt: "barber shop complete grooming package service",
|
||||
},
|
||||
id: "package", name: "Deluxe Package", price: "$60", imageSrc: "http://img.b2bpic.net/free-photo/young-joyful-blonde-male-barber-uniform-puts-hands-ears-looking-side-holding-hair-clipper-isolated-violet-space-with-copy-space_141793-60190.jpg?_wi=1", imageAlt: "barber shop complete grooming package service"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -151,100 +145,13 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
team={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marcus Johnson",
|
||||
role: "Master Barber & Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/groomed-bearded-man-with-tattooes-is-posing-dark-photo-studio_613910-3659.jpg?_wi=1",
|
||||
imageAlt: "professional barber portrait confident male",
|
||||
},
|
||||
id: "1", name: "Marcus Johnson", role: "Master Barber & Owner", imageSrc: "http://img.b2bpic.net/free-photo/groomed-bearded-man-with-tattooes-is-posing-dark-photo-studio_613910-3659.jpg?_wi=1", imageAlt: "professional barber portrait confident male"},
|
||||
{
|
||||
id: "2",
|
||||
name: "David Chen",
|
||||
role: "Senior Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-comb_23-2149137902.jpg?_wi=1",
|
||||
imageAlt: "professional barber portrait confident male",
|
||||
},
|
||||
id: "2", name: "David Chen", role: "Senior Barber", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-comb_23-2149137902.jpg?_wi=1", imageAlt: "professional barber portrait confident male"},
|
||||
{
|
||||
id: "3",
|
||||
name: "James Williams",
|
||||
role: "Specialist Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-trimmer-smiling-cheerfully-showing-thumbs-up-standing-light-wall_141793-50621.jpg?_wi=1",
|
||||
imageAlt: "professional barber portrait male stylist",
|
||||
},
|
||||
id: "3", name: "James Williams", role: "Specialist Barber", imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-trimmer-smiling-cheerfully-showing-thumbs-up-standing-light-wall_141793-50621.jpg?_wi=1", imageAlt: "professional barber portrait male stylist"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Tony Rodriguez",
|
||||
role: "Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-spray-comb-with-serious-face-standing-orange-wall_141793-61305.jpg?_wi=1",
|
||||
imageAlt: "professional barber portrait confident male",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials" className="mx-auto px-4 md:px-6">
|
||||
<TestimonialCardThirteen
|
||||
title="What Our Clients Say"
|
||||
description="Real feedback from satisfied customers who trust us with their grooming."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
showRating={true}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Robert Mitchell",
|
||||
handle: "@rmitch_official",
|
||||
testimonial: "Best barber in town! Marcus knows exactly what I want before I even say it. The attention to detail is unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyous-adult-guy-office-posing-camera-gesturing-with-thumb-aside-dark-gray-copy-space_171337-445.jpg?_wi=1",
|
||||
imageAlt: "satisfied male customer portrait professional",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Chris Thompson",
|
||||
handle: "@chris_t_sharp",
|
||||
testimonial: "Finally found a barbershop that takes pride in their craft. Every visit is an experience. Highly recommended!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg?_wi=1",
|
||||
imageAlt: "satisfied male customer portrait smiling",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Michael Lee",
|
||||
handle: "@m_lee_88",
|
||||
testimonial: "The hot towel shave is incredible. Feels like luxury every single time. Worth every penny.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-showing-double-thumbs-up-shirt-looking-happy_176474-39750.jpg?_wi=1",
|
||||
imageAlt: "satisfied customer portrait male professional",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Brandon Foster",
|
||||
handle: "@b_foster_style",
|
||||
testimonial: "Professional, clean, and efficient. David gave me the sharpest fade I've ever had. Coming back for sure.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-stately-ginger-fellow-stylish-navy-t-shirt-smiling-showing-ok-sign-looking-camera-while-posing-blue-studio-background-human-facial-expressions-sincer_639032-2122.jpg?_wi=1",
|
||||
imageAlt: "satisfied male customer portrait professional",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jason Powell",
|
||||
handle: "@jay_sharp",
|
||||
testimonial: "Been going here for two years. Consistency and quality are always on point. This is my barber shop.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-well-dressed-male-leaning-against-wall-looking-camera_181624-15421.jpg?_wi=1",
|
||||
imageAlt: "satisfied customer portrait male professional",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Kevin Martinez",
|
||||
handle: "@kmartinez_cuts",
|
||||
testimonial: "The team here really cares about their clients. It shows in the work. Atmosphere is chill too.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-showing-double-thumbs-up-blouse-cardigan-looking-merry-front-view_176474-109580.jpg?_wi=1",
|
||||
imageAlt: "satisfied male customer portrait headshot",
|
||||
},
|
||||
id: "4", name: "Tony Rodriguez", role: "Barber", imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-spray-comb-with-serious-face-standing-orange-wall_141793-61305.jpg?_wi=1", imageAlt: "professional barber portrait confident male"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -255,35 +162,17 @@ export default function HomePage() {
|
||||
sideDescription="Find answers to common questions about our services, booking, and barbershop experience."
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do I book an appointment?",
|
||||
content: "You can book online through our booking page, call us at (555) 123-4567, or walk in during business hours. We recommend booking ahead, especially on weekends.",
|
||||
},
|
||||
id: "1", title: "How do I book an appointment?", content: "You can book online through our booking page, call us at (555) 123-4567, or walk in during business hours. We recommend booking ahead, especially on weekends."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you accept walk-ins?",
|
||||
content: "Yes! We welcome walk-ins, but availability may vary. For guaranteed time slots, we recommend booking online or calling ahead.",
|
||||
},
|
||||
id: "2", title: "Do you accept walk-ins?", content: "Yes! We welcome walk-ins, but availability may vary. For guaranteed time slots, we recommend booking online or calling ahead."},
|
||||
{
|
||||
id: "3",
|
||||
title: "What is your cancellation policy?",
|
||||
content: "We ask for 24 hours notice if you need to cancel or reschedule. Last-minute cancellations may incur a fee.",
|
||||
},
|
||||
id: "3", title: "What is your cancellation policy?", content: "We ask for 24 hours notice if you need to cancel or reschedule. Last-minute cancellations may incur a fee."},
|
||||
{
|
||||
id: "4",
|
||||
title: "How long does a typical appointment take?",
|
||||
content: "Most haircuts take 30-45 minutes, fades take 40-50 minutes, and hot towel shaves take 45-60 minutes. Beard trims typically take 15-20 minutes.",
|
||||
},
|
||||
id: "4", title: "How long does a typical appointment take?", content: "Most haircuts take 30-45 minutes, fades take 40-50 minutes, and hot towel shaves take 45-60 minutes. Beard trims typically take 15-20 minutes."},
|
||||
{
|
||||
id: "5",
|
||||
title: "Do you offer gift cards?",
|
||||
content: "Yes! Gift cards are available in any denomination. They make perfect gifts for the men in your life.",
|
||||
},
|
||||
id: "5", title: "Do you offer gift cards?", content: "Yes! Gift cards are available in any denomination. They make perfect gifts for the men in your life."},
|
||||
{
|
||||
id: "6",
|
||||
title: "Are you wheelchair accessible?",
|
||||
content: "Our shop is fully wheelchair accessible with ample parking and an accessible entrance.",
|
||||
},
|
||||
id: "6", title: "Are you wheelchair accessible?", content: "Our shop is fully wheelchair accessible with ample parking and an accessible entrance."},
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
@@ -299,8 +188,7 @@ export default function HomePage() {
|
||||
title="Contact Us"
|
||||
description="Have questions? Reach out to us. We're here to help and look forward to serving you."
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Sign Up for Updates"
|
||||
@@ -315,75 +203,45 @@ export default function HomePage() {
|
||||
copyrightText="© 2025 Barbershop 2020. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About", href: "/about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/",
|
||||
},
|
||||
label: "Contact", href: "/"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Haircuts",
|
||||
href: "/",
|
||||
},
|
||||
label: "Haircuts", href: "/"},
|
||||
{
|
||||
label: "Fades",
|
||||
href: "/",
|
||||
},
|
||||
label: "Fades", href: "/"},
|
||||
{
|
||||
label: "Beard Trims",
|
||||
href: "/",
|
||||
},
|
||||
label: "Beard Trims", href: "/"},
|
||||
{
|
||||
label: "Hot Towel Shave",
|
||||
href: "/",
|
||||
},
|
||||
label: "Hot Towel Shave", href: "/"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Phone",
|
||||
href: "tel:(555)123-4567",
|
||||
},
|
||||
label: "Phone", href: "tel:(555)123-4567"},
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:info@barbershop2020.com",
|
||||
},
|
||||
label: "Email", href: "mailto:info@barbershop2020.com"},
|
||||
{
|
||||
label: "Location",
|
||||
href: "/",
|
||||
},
|
||||
label: "Location", href: "/"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "/",
|
||||
},
|
||||
label: "Privacy Policy", href: "/"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "/",
|
||||
},
|
||||
label: "Terms of Service", href: "/"},
|
||||
{
|
||||
label: "Cookie Policy",
|
||||
href: "/",
|
||||
},
|
||||
label: "Cookie Policy", href: "/"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f5f5;
|
||||
--card: #ffffff;
|
||||
--foreground: #1c1c1c;
|
||||
--primary-cta: #1f514c;
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #f5f5f5;
|
||||
--primary-cta: #d4af37;
|
||||
--primary-cta-text: #f5f5f5;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta-text: #1c1c1c;
|
||||
--accent: #159c49;
|
||||
--background-accent: #a8e8ba;
|
||||
--accent: #b8860b;
|
||||
--background-accent: #8b6914;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user