diff --git a/src/app/booking/page.tsx b/src/app/booking/page.tsx
index 211c2d2..37af589 100644
--- a/src/app/booking/page.tsx
+++ b/src/app/booking/page.tsx
@@ -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() {
/>
-
diff --git a/src/app/page.tsx b/src/app/page.tsx
index f79f461..cd08d74 100644
--- a/src/app/page.tsx
+++ b/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"}}
/>
@@ -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() {
/>
+
+
+
+
@@ -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",
- },
- ]}
- />
-
-
-
-
@@ -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: "/"},
],
},
]}
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 5038a9b..628d4be 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -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);