Update theme colors

Update src/app/page.tsx
2026-04-15 15:43:44 +00:00 · 2026-04-15 15:43:22 +00:00 · 2026-04-15 15:42:49 +00:00 · 2026-04-15 15:42:28 +00:00 · 2026-04-15 15:42:03 +00:00 · 2026-04-15 15:41:07 +00:00
3 changed files with 116 additions and 139 deletions
--- a/src/app/booking/page.tsx
+++ b/src/app/booking/page.tsx
@@ -0,0 +1,70 @@
+"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';
+
+export default function BookingPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="small"
+      sizing="mediumLargeSizeLargeTitles"
+      background="none"
+      cardStyle="subtle-shadow"
+      primaryButtonStyle="diagonal-gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div className="bg-black text-white min-h-screen flex flex-col">
+          <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="flex-grow py-20 text-center">
+            <h1 className="text-4xl font-bold mb-6">Book Your Appointment</h1>
+            <p className="mb-8 text-xl text-gray-300">Call us directly to schedule your visit</p>
+            <a 
+              href="tel:7863780141" 
+              className="inline-block bg-white text-black px-8 py-4 rounded-full text-lg font-semibold hover:bg-gray-200 transition"
+            >
+              Call Now: (786) 378-0141
+            </a>
+            <div className="mt-12">
+              <p className="font-bold">Visit us at:</p>
+              <p className="text-gray-400">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?_wi=2"
+              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>
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -22,7 +22,7 @@ export default function LandingPage() {
        borderRadius="soft"
        contentWidth="small"
        sizing="mediumLargeSizeLargeTitles"
-        background="grid"
+        background="none"
        cardStyle="subtle-shadow"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="glass"
@@ -32,20 +32,15 @@ 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"
+      brandName=""
    />
  </div>

@@ -54,10 +49,9 @@ 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"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CKIUaXr59FE1QYCKDNglueswIR/uploaded-1776267459945-qob82vsb.jpg"
      imageAlt="Luxury barber shop interior"
    />
  </div>
@@ -67,7 +61,7 @@ export default function LandingPage() {
      useInvertedBackground={true}
      title="Exceptional Service, Professional Vibe"
      description="Located inside Brookside Square, we offer an upscale, clean, and welcoming environment. Our expert team focuses on precision grooming and personalized care for every client."
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CKIUaXr59FE1QYCKDNglueswIR/uploaded-1776263927063-aohm0713.webp"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CKIUaXr59FE1QYCKDNglueswIR/uploaded-1776263927063-aohm0713.webp?_wi=2"
    />
  </div>

@@ -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?_wi=1" },
+        { id: "t2", name: "Alexis", role: "Senior Stylist", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CKIUaXr59FE1QYCKDNglueswIR/uploaded-1776129867753-bu5lyat8.png?_wi=2" },
+        { id: "t3", name: "Sarah", role: "Stylist", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CKIUaXr59FE1QYCKDNglueswIR/uploaded-1776129867753-bu5lyat8.png?_wi=3" },
      ]}
      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,48 +150,22 @@ 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>

  <div id="footer" data-section="footer">
      <FooterMedia
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CKIUaXr59FE1QYCKDNglueswIR/uploaded-1776264324714-kh1wpzii.webp"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CKIUaXr59FE1QYCKDNglueswIR/uploaded-1776264007384-5m6rlv1y.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>
  );
-}
+}
--- 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: #1c1c1c;
-  --primary-cta-text: #f5f5f5;
-  --secondary-cta: #ffffff;
-  --secondary-cta-text: #1c1c1c;
-  --accent: #6139e6;
-  --background-accent: #b3a8e8;
+  --background: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #000f06e6;
+  --primary-cta: #0a7039;
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #f9f9f9;
+  --secondary-cta-text: #000f06e6;
+  --accent: #e2e2e2;
+  --background-accent: #c4c4c4;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	76082c1d57	Update theme colors	2026-04-15 15:43:44 +00:00
bender	b13ef0778d	Update theme colors	2026-04-15 15:43:22 +00:00
bender	567992a31c	Update src/app/page.tsx	2026-04-15 15:42:49 +00:00
bender	450808baeb	Update theme colors	2026-04-15 15:42:28 +00:00
bender	fba0d16663	Update theme colors	2026-04-15 15:42:03 +00:00
bender	607a964cdd	Update src/app/page.tsx	2026-04-15 15:41:07 +00:00
bender	a2a32a752e	Merge version_5 into main Merge version_5 into main	2026-04-15 15:40:03 +00:00
bender	85c2475e48	Update theme colors	2026-04-15 15:40:00 +00:00
bender	6ecc60db59	Merge version_4 into main Merge version_4 into main	2026-04-15 15:37:54 +00:00
bender	1b48da1457	Update src/app/page.tsx	2026-04-15 15:37:48 +00:00
bender	4ef2a9c74c	Merge version_4 into main Merge version_4 into main	2026-04-15 15:36:00 +00:00
bender	de46bc6bf6	Update src/app/page.tsx	2026-04-15 15:35:57 +00:00
bender	e3f44dafbb	Merge version_4 into main Merge version_4 into main	2026-04-15 14:52:58 +00:00
bender	39575e6d38	Update src/app/booking/page.tsx	2026-04-15 14:52:55 +00:00
bender	4087e7bf0f	Merge version_3 into main Merge version_3 into main	2026-04-15 14:47:26 +00:00
bender	0dcd5e4f21	Update src/app/page.tsx	2026-04-15 14:47:20 +00:00
bender	6e5eca390e	Update src/app/booking/page.tsx	2026-04-15 14:47:20 +00:00
bender	3bccf4ec00	Merge version_3 into main Merge version_3 into main	2026-04-15 14:46:59 +00:00
bender	82bc3df6b9	Update src/app/page.tsx	2026-04-15 14:46:53 +00:00
bender	ef1ae2347e	Add src/app/booking/page.tsx	2026-04-15 14:46:53 +00:00
bender	7d08071da3	Merge version_2 into main Merge version_2 into main	2026-04-15 14:45:55 +00:00
bender	00ac5f8bb9	Merge version_2 into main Merge version_2 into main	2026-04-15 14:44:21 +00:00
bender	f9d8529a88	Merge version_2 into main Merge version_2 into main	2026-04-15 14:40:36 +00:00
bender	5a2d6bf7e9	Merge version_2 into main Merge version_2 into main	2026-04-15 14:37:30 +00:00
bender	2ffd6fd33d	Merge version_2 into main Merge version_2 into main	2026-04-15 14:33:52 +00:00
bender	3a112336f9	Merge version_2 into main Merge version_2 into main	2026-04-15 14:21:56 +00:00
bender	0ad1717d47	Merge version_2 into main Merge version_2 into main	2026-04-15 14:21:24 +00:00