From e203103db78767545fbe2ba71ae58270854de9a0 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 21 Apr 2026 08:58:44 +0000
Subject: [PATCH 1/8] Add src/app/booking/page.tsx

---
 src/app/booking/page.tsx | 36 ++++++++++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)
 create mode 100644 src/app/booking/page.tsx

diff --git a/src/app/booking/page.tsx b/src/app/booking/page.tsx
new file mode 100644
index 0000000..11c5daa
--- /dev/null
+++ b/src/app/booking/page.tsx
@@ -0,0 +1,36 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterCard from '@/components/sections/footer/FooterCard';
+
+export default function BookingPage() {
+  return (
+    <ThemeProvider>
+      <ReactLenis root>
+        <NavbarLayoutFloatingInline
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Shop", id: "/shop" },
+            { name: "Book", id: "/booking" },
+            { name: "Contact", id: "/contact" },
+          ]}
+          brandName="GG Goldhair"
+        />
+        <div className="pt-32 pb-20">
+            <ContactSplitForm
+                title="Book Your Haircut"
+                description="Select your preferred service, date, and time below to schedule your visit."
+                inputs={[{ name: "name", type: "text", placeholder: "Full Name" }, { name: "email", type: "email", placeholder: "Email Address" }]}
+                multiSelect={{ name: "service", label: "Select Service", options: ["Cut & Style", "Coloring", "Deep Conditioning Treatment"] }}
+                textarea={{ name: "notes", placeholder: "Any special requests?" }}
+                buttonText="Confirm Booking"
+            />
+        </div>
+        <FooterCard logoText="GG Goldhair" />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
-- 
2.49.1


From f086c434df97df98d39aab87ca30eb621a867d50 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 21 Apr 2026 08:58:44 +0000
Subject: [PATCH 2/8] Add src/app/contact/page.tsx

---
 src/app/contact/page.tsx | 42 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 42 insertions(+)
 create mode 100644 src/app/contact/page.tsx

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
new file mode 100644
index 0000000..9d06569
--- /dev/null
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,42 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import ContactText from '@/components/sections/contact/ContactText';
+import FooterCard from '@/components/sections/footer/FooterCard';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider>
+      <ReactLenis root>
+        <NavbarLayoutFloatingInline
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Shop", id: "/shop" },
+            { name: "Book", id: "/booking" },
+            { name: "Contact", id: "/contact" },
+          ]}
+          brandName="GG Goldhair"
+        />
+        <div className="pt-32 pb-20">
+            <FaqSplitMedia
+              title="Frequently Asked Questions"
+              description="Common questions about our location, hours, and policies."
+              faqs={[
+                { id: "f1", title: "Where is the salon?", content: "We are located in the heart of downtown at 123 Stylist Lane." },
+                { id: "f2", title: "What are your hours?", content: "Tue-Sat: 10AM - 7PM, Sun-Mon: Closed." },
+              ]}
+              faqsAnimation="slide-up"
+            />
+            <ContactText
+                text="Visit us for a consultation or give us a call to learn more."
+                background={{ variant: "radial-gradient" }}
+            />
+        </div>
+        <FooterCard logoText="GG Goldhair" />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
-- 
2.49.1


From e5b877a5da7cf7f379f637a5604d928040768929 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 21 Apr 2026 08:58:45 +0000
Subject: [PATCH 3/8] Update src/app/page.tsx

---
 src/app/page.tsx | 204 +++++------------------------------------------
 1 file changed, 20 insertions(+), 184 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index e27a42b..b121f13 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "products",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "/" },
+        { name: "Shop", id: "/shop" },
+        { name: "Book", id: "/booking" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="GG Goldhair"
     />
@@ -54,39 +42,14 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
-      background={{
-        variant: "radial-gradient",
-      }}
+      background={{ variant: "radial-gradient" }}
       title="GG Goldhair: Define Your Glow"
       description="Experience premium hair care tailored to you in our elegant studio environment."
       tag="Luxury Hair Care"
-      buttons={[
-        {
-          text: "Book Now",
-          href: "#contact",
-        },
-      ]}
+      buttons={[{ text: "Book Now", href: "/booking" }]}
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-stylist-doing-haircut-salon_23-2147769831.jpg",
-          imageAlt: "Luxury hair salon interior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-girl-hairdresser-makes-client-haircut-girl-is-sitting-mask-beauty-salon_343596-4446.jpg",
-          imageAlt: "Professional hair styling service",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-styling-hair-client_23-2147769815.jpg",
-          imageAlt: "Professional hairdresser styling hair of client",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-making-hairstyle-blonde-woman-beauty-salon_176420-4450.jpg",
-          imageAlt: "Female hairdresser making hairstyle to blonde woman in beauty salon",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-stylist-preparing-girl-coloration_23-2147769752.jpg",
-          imageAlt: "Confident stylist preparing girl for coloration",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/professional-stylist-doing-haircut-salon_23-2147769831.jpg", imageAlt: "Luxury hair salon interior" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/professional-girl-hairdresser-makes-client-haircut-girl-is-sitting-mask-beauty-salon_343596-4446.jpg", imageAlt: "Professional hair styling service" }
       ]}
       mediaAnimation="slide-up"
       rating={5}
@@ -99,8 +62,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Artistry Meets Elegance"
       description={[
-        "At GG Goldhair, we believe that your hair is your finest accessory. Our stylists combine technical precision with creative flair to bring out your natural beauty.",
-        "Located in the heart of the city, our salon is a retreat from the everyday where you can relax while we transform your look into something truly golden.",
+        "At GG Goldhair, we believe that your hair is your finest accessory. Our stylists combine technical precision with creative flair to bring out your natural beauty.",        "Located in the heart of the city, our salon is a retreat from the everyday where you can relax while we transform your look into something truly golden."
       ]}
     />
   </div>
@@ -112,21 +74,9 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Expert Stylists",
-          description: "Highly trained professionals dedicated to the latest hair trends.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-woman-with-curly-hair_23-2151317376.jpg",
-        },
-        {
-          title: "Premium Products",
-          description: "We only use top-tier, salon-grade products for your hair health.",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-hair-salon_23-2150668429.jpg",
-        },
-        {
-          title: "Custom Experience",
-          description: "Every service is tailored to your hair type and style goals.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hair-trimmer-supplies_23-2148352856.jpg",
-        },
+        { title: "Expert Stylists", description: "Highly trained professionals dedicated to the latest hair trends.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-woman-with-curly-hair_23-2151317376.jpg" },
+        { title: "Premium Products", description: "We only use top-tier, salon-grade products for your hair health.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-hair-salon_23-2150668429.jpg" },
+        { title: "Custom Experience", description: "Every service is tailored to your hair type and style goals.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hair-trimmer-supplies_23-2148352856.jpg" },
       ]}
       title="Why Choose GG Goldhair"
       description="Experience hair care beyond expectations with our curated list of services and professional care."
@@ -140,42 +90,9 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          name: "Gold Hydrate Serum",
-          price: "$45",
-          imageSrc: "http://img.b2bpic.net/free-photo/natural-jojoba-oil-composition_23-2149047769.jpg",
-        },
-        {
-          id: "p2",
-          name: "Revive Mask",
-          price: "$60",
-          imageSrc: "http://img.b2bpic.net/free-photo/shiny-brown-hair-with-hair-care-product_23-2152020257.jpg",
-        },
-        {
-          id: "p3",
-          name: "Style Guard Spray",
-          price: "$30",
-          imageSrc: "http://img.b2bpic.net/free-photo/artist-props-table_23-2148929902.jpg",
-        },
-        {
-          id: "p4",
-          name: "Lustre Hair Oil",
-          price: "$55",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-hair-slugging-night-routine_23-2150396651.jpg",
-        },
-        {
-          id: "p5",
-          name: "Deep Cleanser",
-          price: "$35",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-washed-beauty-salon_23-2149167389.jpg",
-        },
-        {
-          id: "p6",
-          name: "Volume Conditioner",
-          price: "$40",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-hair-washing-with-soap_140725-8948.jpg",
-        },
+        { id: "p1", name: "Gold Hydrate Serum", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/natural-jojoba-oil-composition_23-2149047769.jpg" },
+        { id: "p2", name: "Revive Mask", price: "$60", imageSrc: "http://img.b2bpic.net/free-photo/shiny-brown-hair-with-hair-care-product_23-2152020257.jpg" },
+        { id: "p3", name: "Style Guard Spray", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/artist-props-table_23-2148929902.jpg" },
       ]}
       title="Professional Hair Care"
       description="Bring the salon experience home with our premium selection of hair products."
@@ -189,24 +106,9 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       members={[
-        {
-          id: "m1",
-          name: "Elena Gold",
-          role: "Creative Director",
-          imageSrc: "http://img.b2bpic.net/free-photo/brown-eyed-curly-brunette-short-haired-woman-floral-trendy-dress-smiles-looks-camera-hoods-pencil-designs-new-clothes_197531-24076.jpg",
-        },
-        {
-          id: "m2",
-          name: "Marcus Styles",
-          role: "Senior Stylist",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-holding-bottle-shampoo_107420-12149.jpg",
-        },
-        {
-          id: "m3",
-          name: "Sofia Luxe",
-          role: "Colorist Expert",
-          imageSrc: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371901.jpg",
-        },
+        { id: "m1", name: "Elena Gold", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/brown-eyed-curly-brunette-short-haired-woman-floral-trendy-dress-smiles-looks-camera-hoods-pencil-designs-new-clothes_197531-24076.jpg" },
+        { id: "m2", name: "Marcus Styles", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-holding-bottle-shampoo_107420-12149.jpg" },
+        { id: "m3", name: "Sofia Luxe", role: "Colorist Expert", imageSrc: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371901.jpg" },
       ]}
       title="Meet The Stylists"
       description="Our team of dedicated professionals is ready to help you shine."
@@ -219,78 +121,12 @@ export default function LandingPage() {
       testimonial="GG Goldhair is absolutely wonderful. I have never felt more confident about my hair than after my visit today. Truly top-tier service!"
       rating={5}
       author="Sarah M."
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153828.jpg",
-          alt: "Sarah M",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575433.jpg",
-          alt: "James P",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-brunette-girl-posing-with-coat_23-2148135986.jpg",
-          alt: "Linda D",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg",
-          alt: "Michael B",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12313.jpg",
-          alt: "Karen W",
-        },
-      ]}
+      avatars={[{ src: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153828.jpg", alt: "Sarah M" }]}
       ratingAnimation="slide-up"
       avatarsAnimation="slide-up"
     />
   </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "How do I book an appointment?",
-          content: "You can book directly through our contact form or by calling the salon.",
-        },
-        {
-          id: "f2",
-          title: "Do you offer consultations?",
-          content: "Yes, we offer complimentary consultations for all major color and style transformations.",
-        },
-        {
-          id: "f3",
-          title: "What products do you use?",
-          content: "We use professional, high-end brands known for their efficacy and gentle treatment of your hair.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205859.jpg"
-      mediaAnimation="slide-up"
-      title="Frequently Asked Questions"
-      description="Everything you need to know about our salon services."
-      faqsAnimation="slide-up"
-    />
-  </div>
-
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
-      text="Ready to transform your look? We're located in the heart of the city and waiting for you."
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "mailto:hello@goldhair.com",
-        },
-      ]}
-    />
-  </div>
-
   <div id="footer" data-section="footer">
       <FooterCard
       logoText="GG Goldhair"
@@ -300,4 +136,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1


From 0b0171fa04c9dd0c689e518e4793eefcfd1d8fe3 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 21 Apr 2026 08:58:45 +0000
Subject: [PATCH 4/8] Add src/app/shop/page.tsx

---
 src/app/shop/page.tsx | 39 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 39 insertions(+)
 create mode 100644 src/app/shop/page.tsx

diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
new file mode 100644
index 0000000..6421fae
--- /dev/null
+++ b/src/app/shop/page.tsx
@@ -0,0 +1,39 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import FooterCard from '@/components/sections/footer/FooterCard';
+
+export default function ShopPage() {
+  return (
+    <ThemeProvider>
+      <ReactLenis root>
+        <NavbarLayoutFloatingInline
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Shop", id: "/shop" },
+            { name: "Book", id: "/booking" },
+            { name: "Contact", id: "/contact" },
+          ]}
+          brandName="GG Goldhair"
+        />
+        <div className="pt-32 pb-20">
+            <ProductCardOne
+              title="Our Premium Shop"
+              description="Browse our professional line of hair care essentials."
+              products={[
+                { id: "p1", name: "Gold Hydrate Serum", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/natural-jojoba-oil-composition_23-2149047769.jpg" },
+                { id: "p2", name: "Revive Mask", price: "$60", imageSrc: "http://img.b2bpic.net/free-photo/shiny-brown-hair-with-hair-care-product_23-2152020257.jpg" },
+                { id: "p3", name: "Style Guard Spray", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/artist-props-table_23-2148929902.jpg" },
+              ]}
+              gridVariant="three-columns-all-equal-width"
+              animationType="slide-up"
+            />
+        </div>
+        <FooterCard logoText="GG Goldhair" />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
-- 
2.49.1


From 8e3a16352ea7b704ec910fa716dbc2aee903909d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 21 Apr 2026 09:00:51 +0000
Subject: [PATCH 5/8] Update src/app/booking/page.tsx

---
 src/app/booking/page.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/app/booking/page.tsx b/src/app/booking/page.tsx
index 11c5daa..1f8379c 100644
--- a/src/app/booking/page.tsx
+++ b/src/app/booking/page.tsx
@@ -8,7 +8,7 @@ import FooterCard from '@/components/sections/footer/FooterCard';
 
 export default function BookingPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
         <NavbarLayoutFloatingInline
           navItems={[
@@ -18,6 +18,7 @@ export default function BookingPage() {
             { name: "Contact", id: "/contact" },
           ]}
           brandName="GG Goldhair"
+          button={{ text: "Contact", href: "/contact" }}
         />
         <div className="pt-32 pb-20">
             <ContactSplitForm
@@ -27,6 +28,7 @@ export default function BookingPage() {
                 multiSelect={{ name: "service", label: "Select Service", options: ["Cut & Style", "Coloring", "Deep Conditioning Treatment"] }}
                 textarea={{ name: "notes", placeholder: "Any special requests?" }}
                 buttonText="Confirm Booking"
+                useInvertedBackground={false}
             />
         </div>
         <FooterCard logoText="GG Goldhair" />
-- 
2.49.1


From 8c99b9e6a994fcacfe10e0c3eed055d44e3be736 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 21 Apr 2026 09:00:52 +0000
Subject: [PATCH 6/8] Update src/app/contact/page.tsx

---
 src/app/contact/page.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 9d06569..9d219f6 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -9,7 +9,7 @@ import FooterCard from '@/components/sections/footer/FooterCard';
 
 export default function ContactPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
         <NavbarLayoutFloatingInline
           navItems={[
@@ -19,6 +19,7 @@ export default function ContactPage() {
             { name: "Contact", id: "/contact" },
           ]}
           brandName="GG Goldhair"
+          button={{ text: "Book", href: "/booking" }}
         />
         <div className="pt-32 pb-20">
             <FaqSplitMedia
@@ -29,10 +30,13 @@ export default function ContactPage() {
                 { id: "f2", title: "What are your hours?", content: "Tue-Sat: 10AM - 7PM, Sun-Mon: Closed." },
               ]}
               faqsAnimation="slide-up"
+              textboxLayout="split"
+              useInvertedBackground={false}
             />
             <ContactText
                 text="Visit us for a consultation or give us a call to learn more."
                 background={{ variant: "radial-gradient" }}
+                useInvertedBackground={false}
             />
         </div>
         <FooterCard logoText="GG Goldhair" />
-- 
2.49.1


From 4143e16484a1eeef3558cf737bc11ea11ced1a12 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 21 Apr 2026 09:00:53 +0000
Subject: [PATCH 7/8] Update src/app/page.tsx

---
 src/app/page.tsx | 87 +-----------------------------------------------
 1 file changed, 1 insertion(+), 86 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index b121f13..f138f8b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,16 +2,8 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
-import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import TeamCardSix from '@/components/sections/team/TeamCardSix';
-import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 
 export default function LandingPage() {
   return (
@@ -37,9 +29,9 @@ export default function LandingPage() {
         { name: "Contact", id: "/contact" },
       ]}
       brandName="GG Goldhair"
+      button={{ text: "Book Now", href: "/booking" }}
     />
   </div>
-
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
       background={{ variant: "radial-gradient" }}
@@ -56,83 +48,6 @@ export default function LandingPage() {
       ratingText="Rated 5/5 by our lovely clients"
     />
   </div>
-
-  <div id="about" data-section="about">
-      <TextSplitAbout
-      useInvertedBackground={false}
-      title="Artistry Meets Elegance"
-      description={[
-        "At GG Goldhair, we believe that your hair is your finest accessory. Our stylists combine technical precision with creative flair to bring out your natural beauty.",        "Located in the heart of the city, our salon is a retreat from the everyday where you can relax while we transform your look into something truly golden."
-      ]}
-    />
-  </div>
-
-  <div id="features" data-section="features">
-      <FeatureCardThree
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      features={[
-        { title: "Expert Stylists", description: "Highly trained professionals dedicated to the latest hair trends.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-woman-with-curly-hair_23-2151317376.jpg" },
-        { title: "Premium Products", description: "We only use top-tier, salon-grade products for your hair health.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-hair-salon_23-2150668429.jpg" },
-        { title: "Custom Experience", description: "Every service is tailored to your hair type and style goals.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hair-trimmer-supplies_23-2148352856.jpg" },
-      ]}
-      title="Why Choose GG Goldhair"
-      description="Experience hair care beyond expectations with our curated list of services and professional care."
-    />
-  </div>
-
-  <div id="products" data-section="products">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        { id: "p1", name: "Gold Hydrate Serum", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/natural-jojoba-oil-composition_23-2149047769.jpg" },
-        { id: "p2", name: "Revive Mask", price: "$60", imageSrc: "http://img.b2bpic.net/free-photo/shiny-brown-hair-with-hair-care-product_23-2152020257.jpg" },
-        { id: "p3", name: "Style Guard Spray", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/artist-props-table_23-2148929902.jpg" },
-      ]}
-      title="Professional Hair Care"
-      description="Bring the salon experience home with our premium selection of hair products."
-    />
-  </div>
-
-  <div id="team" data-section="team">
-      <TeamCardSix
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      members={[
-        { id: "m1", name: "Elena Gold", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/brown-eyed-curly-brunette-short-haired-woman-floral-trendy-dress-smiles-looks-camera-hoods-pencil-designs-new-clothes_197531-24076.jpg" },
-        { id: "m2", name: "Marcus Styles", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-holding-bottle-shampoo_107420-12149.jpg" },
-        { id: "m3", name: "Sofia Luxe", role: "Colorist Expert", imageSrc: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371901.jpg" },
-      ]}
-      title="Meet The Stylists"
-      description="Our team of dedicated professionals is ready to help you shine."
-    />
-  </div>
-
-  <div id="testimonial" data-section="testimonial">
-      <TestimonialCardFifteen
-      useInvertedBackground={false}
-      testimonial="GG Goldhair is absolutely wonderful. I have never felt more confident about my hair than after my visit today. Truly top-tier service!"
-      rating={5}
-      author="Sarah M."
-      avatars={[{ src: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153828.jpg", alt: "Sarah M" }]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="slide-up"
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="GG Goldhair"
-      copyrightText="© 2025 GG Goldhair. All rights reserved."
-    />
-  </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1


From aaeeaae890f8ae2aa1cccaed419cbfe32c6eadbf Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 21 Apr 2026 09:00:53 +0000
Subject: [PATCH 8/8] Update src/app/shop/page.tsx

---
 src/app/shop/page.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index 6421fae..1e8cc5b 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -8,7 +8,7 @@ import FooterCard from '@/components/sections/footer/FooterCard';
 
 export default function ShopPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
         <NavbarLayoutFloatingInline
           navItems={[
@@ -18,6 +18,7 @@ export default function ShopPage() {
             { name: "Contact", id: "/contact" },
           ]}
           brandName="GG Goldhair"
+          button={{ text: "Book", href: "/booking" }}
         />
         <div className="pt-32 pb-20">
             <ProductCardOne
@@ -30,6 +31,8 @@ export default function ShopPage() {
               ]}
               gridVariant="three-columns-all-equal-width"
               animationType="slide-up"
+              textboxLayout="split"
+              useInvertedBackground={false}
             />
         </div>
         <FooterCard logoText="GG Goldhair" />
-- 
2.49.1