bender/97cff96b-044f-4b6e-a8a4-87f867a2efdf
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3 into main

Browse Source 
Merge version_3 into main
This commit was merged in pull request #9.
This commit is contained in:
bender
2026-04-15 14:46:59 +00:00
parent 7d08071da3 82bc3df6b9
commit 3bccf4ec00
2 changed files with 101 additions and 125 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
src/app/booking/page.tsx Normal file
View File

@@ -0,0 +1,69 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
export default function BookingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
contentWidth="small"
sizing="mediumLargeSizeLargeTitles"
background="grid"
cardStyle="subtle-shadow"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="glass"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/#about" },
{ name: "Services", id: "/#features" },
{ name: "Pricing", id: "/#pricing" },
{ name: "Team", id: "/#team" },
{ name: "Book", id: "/booking" },
{ name: "Contact", id: "/#contact" },
]}
brandName="Maybach Cutz"
/>
</div>
<div className="py-20 text-center">
<h1 className="text-4xl font-bold mb-6">Book Your Appointment</h1>
<p className="mb-8 text-xl">Call us directly to schedule your visit</p>
<a
href="tel:7863780141"
className="inline-block bg-primary-cta text-primary-cta-text px-8 py-4 rounded-full text-lg font-semibold hover:opacity-90 transition"
>
Call Now: (786) 378-0141
</a>
<div className="mt-12">
<p className="font-bold">Visit us at:</p>
<p>10693 Wiles Rd, Coral Springs, FL 33076</p>
</div>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CKIUaXr59FE1QYCKDNglueswIR/uploaded-1776264324714-kh1wpzii.webp"
logoText="Brookside Barbers"
columns={[
{ title: "Location", items: [{ label: "10693 Wiles Rd, Coral Springs, FL 33076", href: "#" }] },
{ title: "Contact", items: [{ label: "(786) 378-0141", href: "tel:7863780141" }] },
{ title: "Services", items: [{ label: "Haircut", href: "/#pricing" }, { label: "Beard Trim", href: "/#pricing" }, { label: "Kids Cut", href: "/#pricing" }] },
]}
copyrightText="© 2025 Brookside Barbers"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}

157
src/app/page.tsx
View File

@@ -32,18 +32,13 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home", id: "hero"},
{
name: "About", id: "about"},
{
name: "Services", id: "features"},
{
name: "Pricing", id: "pricing"},
{
name: "Team", id: "team"},
{
name: "Contact", id: "contact"},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "features" },
{ name: "Pricing", id: "pricing" },
{ name: "Team", id: "team" },
{ name: "Book", id: "booking" },
{ name: "Contact", id: "contact" },
]}
brandName="Maybach Cutz"
/>
@@ -54,8 +49,7 @@ export default function LandingPage() {
logoText="Brookside Barbers"
description="Experience luxury grooming in the heart of Coral Springs. Professional, clean, and dedicated service for the modern gentleman."
buttons={[
{
text: "Book Now", href: "#contact"},
{ text: "Book Now", href: "/booking" },
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CKIUaXr59FE1QYCKDNglueswIR/uploaded-1776263927063-aohm0713.webp"
imageAlt="Luxury barber shop interior"
@@ -77,33 +71,9 @@ export default function LandingPage() {
textboxLayout="split-description"
useInvertedBackground={false}
features={[
{
title: "Good for Kids", description: "Patient and professional service for young gentlemen.", icon: Smile,
mediaItems: [
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CKIUaXr59FE1QYCKDNglueswIR/uploaded-1776264068773-ilsxppph.webp"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CKIUaXr59FE1QYCKDNglueswIR/uploaded-1776264104824-m6hflewe.webp"},
]
},
{
title: "Premium Cuts", description: "Clean, modern, proffessional for our clients' convenience.", icon: Sparkles,
mediaItems: [
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CKIUaXr59FE1QYCKDNglueswIR/uploaded-1776264160720-k72b5ihl.webp"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CKIUaXr59FE1QYCKDNglueswIR/uploaded-1776264190881-nlhz2gak.webp"},
]
},
{
title: "Precision Grooming", description: "High-end tools and techniques for the perfect cut.", icon: Scissors,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/haircut-machine-scissors_23-2147736989.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-electric-trimmer-dressing-table_107420-94802.jpg"},
]
},
{ title: "Good for Kids", description: "Patient and professional service for young gentlemen.", icon: Smile, mediaItems: [{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CKIUaXr59FE1QYCKDNglueswIR/uploaded-1776264068773-ilsxppph.webp" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CKIUaXr59FE1QYCKDNglueswIR/uploaded-1776264104824-m6hflewe.webp" }] },
{ title: "Premium Cuts", description: "Clean, modern, proffessional for our clients' convenience.", icon: Sparkles, mediaItems: [{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CKIUaXr59FE1QYCKDNglueswIR/uploaded-1776264160720-k72b5ihl.webp" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CKIUaXr59FE1QYCKDNglueswIR/uploaded-1776264190881-nlhz2gak.webp" }] },
{ title: "Precision Grooming", description: "High-end tools and techniques for the perfect cut.", icon: Scissors, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/haircut-machine-scissors_23-2147736989.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/close-up-electric-trimmer-dressing-table_107420-94802.jpg" }] },
]}
title="Why Choose Us"
description="We blend precision with comfort, ensuring a premium experience every time."
@@ -116,30 +86,9 @@ export default function LandingPage() {
textboxLayout="split-description"
useInvertedBackground={true}
plans={[
{
id: "basic", badge: "Essential", price: "$30", subtitle: "Precision Haircut", features: [
"Consultation", "Precision Cut", "Hot Towel"],
buttons: [
{
text: "Book", href: "#contact"},
],
},
{
id: "deluxe", badge: "Popular", price: "$50", subtitle: "Full Grooming", features: [
"Precision Cut", "Beard Trim", "Hot Towel", "Facial Treatment"],
buttons: [
{
text: "Book", href: "#contact"},
],
},
{
id: "kids", badge: "Kids", price: "$25", subtitle: "Young Gentleman", features: [
"Child Consultation", "Precision Cut", "Friendly Service"],
buttons: [
{
text: "Book", href: "#contact"},
],
},
{ id: "basic", badge: "Essential", price: "$30", subtitle: "Precision Haircut", features: ["Consultation", "Precision Cut", "Hot Towel"], buttons: [{ text: "Book", href: "/booking" }] },
{ id: "deluxe", badge: "Popular", price: "$50", subtitle: "Full Grooming", features: ["Precision Cut", "Beard Trim", "Hot Towel", "Facial Treatment"], buttons: [{ text: "Book", href: "/booking" }] },
{ id: "kids", badge: "Kids", price: "$25", subtitle: "Young Gentleman", features: ["Child Consultation", "Precision Cut", "Friendly Service"], buttons: [{ text: "Book", href: "/booking" }] },
]}
title="Grooming Packages"
description="Transparent pricing for exceptional results."
@@ -153,12 +102,9 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
members={[
{
id: "t1", name: "Miguel", role: "Master Barber", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CKIUaXr59FE1QYCKDNglueswIR/uploaded-1776129867753-bu5lyat8.png"},
{
id: "t2", name: "Alexis", role: "Senior Stylist", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CKIUaXr59FE1QYCKDNglueswIR/uploaded-1776129867753-bu5lyat8.png"},
{
id: "t3", name: "Sarah", role: "Stylist", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CKIUaXr59FE1QYCKDNglueswIR/uploaded-1776129867753-bu5lyat8.png"},
{ id: "t1", name: "Miguel", role: "Master Barber", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CKIUaXr59FE1QYCKDNglueswIR/uploaded-1776129867753-bu5lyat8.png" },
{ id: "t2", name: "Alexis", role: "Senior Stylist", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CKIUaXr59FE1QYCKDNglueswIR/uploaded-1776129867753-bu5lyat8.png" },
{ id: "t3", name: "Sarah", role: "Stylist", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CKIUaXr59FE1QYCKDNglueswIR/uploaded-1776129867753-bu5lyat8.png" },
]}
title="Meet Your Barbers"
description="Our professional team is dedicated to your look and comfort."
@@ -172,21 +118,11 @@ export default function LandingPage() {
gridVariant="two-columns-alternating-heights"
useInvertedBackground={true}
testimonials={[
{
id: "1", name: "Michael Hoffman", role: "Client", company: "Local Resident", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-black-polo-shirt-swinging-paint-brush-with-aggressive-expression-standing-white-background_141793-20662.jpg"},
{
id: "2", name: "Miguel Martinez Moran", role: "Client", company: "Local Resident", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg"},
{
id: "3", name: "Alexis Cruz", role: "Client", company: "Local Resident", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-barbershop_23-2148506244.jpg"},
{
id: "4", name: "John Doe", role: "Client", company: "Local Resident", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-holding-juice-while-getting-haircut_613910-5727.jpg"},
{
id: "5", name: "Jane Smith", role: "Client", company: "Local Resident", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holding-pinecone-red-wall_114579-55965.jpg"},
{ id: "1", name: "Michael Hoffman", role: "Client", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-black-polo-shirt-swinging-paint-brush-with-aggressive-expression-standing-white-background_141793-20662.jpg" },
{ id: "2", name: "Miguel Martinez Moran", role: "Client", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg" },
{ id: "3", name: "Alexis Cruz", role: "Client", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-barbershop_23-2148506244.jpg" },
{ id: "4", name: "John Doe", role: "Client", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-holding-juice-while-getting-haircut_613910-5727.jpg" },
{ id: "5", name: "Jane Smith", role: "Client", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holding-pinecone-red-wall_114579-55965.jpg" },
]}
title="Client Feedback"
description="See why we're the preferred shop in Brookside Square."
@@ -198,12 +134,9 @@ export default function LandingPage() {
textboxLayout="split-description"
useInvertedBackground={false}
faqs={[
{
id: "q1", title: "Do you accept walk-ins?", content: "We recommend booking, but we often accommodate walk-ins when possible."},
{
id: "q2", title: "Where are you located?", content: "We are located inside Brookside Square at 10693 Wiles Rd, Coral Springs, FL 33076."},
{
id: "q3", title: "Are children welcome?", content: "Yes, we are kid-friendly and provide great service for children."},
{ id: "q1", title: "Do you accept walk-ins?", content: "We recommend booking, but we often accommodate walk-ins when possible." },
{ id: "q2", title: "Where are you located?", content: "We are located inside Brookside Square at 10693 Wiles Rd, Coral Springs, FL 33076." },
{ id: "q3", title: "Are children welcome?", content: "Yes, we are kid-friendly and provide great service for children." },
]}
title="Frequently Asked"
description="Common questions about our services and location."
@@ -217,17 +150,10 @@ export default function LandingPage() {
title="Get In Touch"
description="Call us at (786) 378-0141 or send us a message below."
inputs={[
{
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email", type: "email", placeholder: "Your Email", required: true,
},
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true },
]}
textarea={{
name: "message", placeholder: "Your questions or appointment requests", required: true,
rows: 4,
}}
textarea={{ name: "message", placeholder: "Your questions or appointment requests", required: true, rows: 4 }}
imageSrc="http://img.b2bpic.net/free-photo/full-shot-barber-hair-salon_23-2148242782.jpg"
/>
</div>
@@ -237,28 +163,9 @@ export default function LandingPage() {
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CKIUaXr59FE1QYCKDNglueswIR/uploaded-1776264324714-kh1wpzii.webp"
logoText="Brookside Barbers"
columns={[
{
title: "Location", items: [
{
label: "10693 Wiles Rd, Coral Springs, FL 33076", href: "#"},
],
},
{
title: "Contact", items: [
{
label: "(786) 378-0141", href: "tel:7863780141"},
],
},
{
title: "Services", items: [
{
label: "Haircut", href: "#pricing"},
{
label: "Beard Trim", href: "#pricing"},
{
label: "Kids Cut", href: "#pricing"},
],
},
{ title: "Location", items: [{ label: "10693 Wiles Rd, Coral Springs, FL 33076", href: "#" }] },
{ title: "Contact", items: [{ label: "(786) 378-0141", href: "tel:7863780141" }] },
{ title: "Services", items: [{ label: "Haircut", href: "#pricing" }, { label: "Beard Trim", href: "#pricing" }, { label: "Kids Cut", href: "#pricing" }] },
]}
copyrightText="© 2025 Brookside Barbers"
/>
@@ -266,4 +173,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}