From 40dc58cd7fdbaaa559c3f8f292f2a9daf1ae5da8 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 24 Mar 2026 04:11:36 +0000
Subject: [PATCH 1/5] Update src/app/about/page.tsx

---
 src/app/about/page.tsx | 183 +++++++++--------------------------------
 1 file changed, 37 insertions(+), 146 deletions(-)

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index dc7abd5..8d461f8 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -2,15 +2,11 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FooterBase from '@/components/sections/footer/FooterBase';
-import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import SplitAbout from '@/components/sections/about/SplitAbout';
-import TeamCardFive from '@/components/sections/team/TeamCardFive';
-import { Scissors, Sparkles, Users, Coffee } from "lucide-react";
+import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 
-export default function LandingPage() {
+export default function AboutPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="shift-hover"
@@ -25,147 +21,42 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",          id: "/"},
-        {
-          name: "Services",          id: "/services"},
-        {
-          name: "About Us",          id: "/about"},
-        {
-          name: "Reviews",          id: "/reviews"},
-        {
-          name: "Contact",          id: "/contact"},
-      ]}
-      brandName="Miron's Cut"
-      button={{
-        text: "Book Appointment",        href: "/contact"}}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Services", id: "/services" },
+              { name: "About Us", id: "/about" },
+              { name: "Reviews", id: "/reviews" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Miron's Cut"
+            button={{ text: "Book Appointment", href: "/contact" }}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <SplitAbout
-      textboxLayout="default"
-      useInvertedBackground={false}
-      imagePosition="right"
-      title="Crafting Confidence, One Cut at a Time"
-      description="At Miron's Cut, we believe a great haircut is more than just a style—it's an experience. Established in Glendale, AZ, our barbershop is built on a foundation of precision, passion, and personalized service. We're dedicated to helping you look and feel your best."
-      buttons={[
-        {
-          text: "Book Your Visit",          href: "/services"},
-      ]}
-      bulletPoints={[
-        {
-          title: "Expert Barbers",          description: "Our team consists of highly skilled and experienced barbers dedicated to their craft.",          icon: Scissors,
-        },
-        {
-          title: "Premium Products",          description: "We use only the finest grooming products to ensure top-notch results and hair health.",          icon: Sparkles,
-        },
-        {
-          title: "Relaxing Atmosphere",          description: "Enjoy a comfortable and welcoming environment where you can unwind and refresh.",          icon: Coffee,
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/man-with-beard-hairdresser-with-client-man-with-shave_1157-43558.jpg?_wi=2"
-      imageAlt="skilled barber giving a client a precise haircut"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about-us" data-section="about-us">
+          <TextSplitAbout
+            title="Our Story at Miron's Cut"
+            description={[
+              "Welcome to Miron's Cut, where tradition meets modern style in the heart of Glendale, Arizona. Founded with a passion for precision grooming and community, we've built a reputation for delivering exceptional haircuts, expert beard trims, and a welcoming atmosphere.",              "Our experienced barbers are dedicated to mastering their craft, staying updated with the latest trends while honoring classic techniques. We believe every visit should be an experience – a moment to relax, refresh, and leave feeling your best. Come see why Miron's Cut is Glendale's trusted spot for a fresh look and friendly service."
+            ]}
+            useInvertedBackground={true}
+          />
+        </div>
 
-  <div id="team" data-section="team">
-      <TeamCardFive
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      team={[
-        {
-          id: "1",          name: "Miron Petrov",          role: "Founder & Master Barber",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-good-looking-nordic-unshaven-man-with-fashionable-hairdo-posing_176420-15809.jpg?_wi=2",          imageAlt: "Miron Petrov, founder"},
-        {
-          id: "2",          name: "David Chen",          role: "Senior Stylist",          imageSrc: "http://img.b2bpic.net/free-photo/expressive-redhead-guy-beige-shirt_176420-32311.jpg?_wi=2",          imageAlt: "David Chen, senior stylist"},
-        {
-          id: "3",          name: "Maria Rodriguez",          role: "Grooming Specialist",          imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-with-long-hair-sitting-cafe-with-phone-man_273609-6373.jpg?_wi=2",          imageAlt: "Maria Rodriguez, grooming specialist"},
-      ]}
-      title="Meet Our Master Barbers"
-      description="Our passionate team is the heart of Miron's Cut. Each barber brings unique expertise and a dedication to client satisfaction, ensuring you receive a superior grooming experience."
-      tag="Our Crew"
-      tagIcon={Users}
-    />
-  </div>
-
-  <div id="metrics" data-section="metrics">
-      <MetricCardFourteen
-      useInvertedBackground={false}
-      title="Our Commitment to Excellence"
-      tag="Driven by Quality"
-      metrics={[
-        {
-          id: "1",          value: "10K+",          description: "Happy Clients Served"},
-        {
-          id: "2",          value: "15+",          description: "Years of Combined Experience"},
-        {
-          id: "3",          value: "5-Star",          description: "Average Review Rating"},
-      ]}
-      metricsAnimation="blur-reveal"
-    />
-  </div>
-
-  <div id="contact-cta" data-section="contact-cta">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient"}}
-      tag="Ready for a Fresh Look?"
-      title="Experience the Miron's Cut Difference"
-      description="Whether it's a routine trim or a complete style transformation, our doors are open. Schedule your appointment today and join our family of satisfied clients."
-      buttons={[
-        {
-          text: "Book Your Appointment",          href: "/services"},
-        {
-          text: "See Our Services",          href: "/services"},
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Services",          items: [
-            {
-              label: "Haircuts",              href: "/services#haircuts"},
-            {
-              label: "Beard Trims",              href: "/services#beard-trims"},
-            {
-              label: "Shaves",              href: "/services#shaves"},
-            {
-              label: "Styling",              href: "/services#styling"},
-          ],
-        },
-        {
-          title: "Company",          items: [
-            {
-              label: "About Us",              href: "/about"},
-            {
-              label: "Reviews",              href: "/reviews"},
-            {
-              label: "Contact",              href: "/contact"},
-          ],
-        },
-        {
-          title: "Legal",          items: [
-            {
-              label: "Privacy Policy",              href: "/privacy"},
-            {
-              label: "Terms of Service",              href: "/terms"},
-          ],
-        },
-      ]}
-      logoText="Miron's Cut"
-      copyrightText="© 2024 Miron's Cut. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "Company", items: [{ label: "About Us", href: "/about"}, { label: "Reviews", href: "/reviews"}, { label: "Contact", href: "/contact"}] },
+              { title: "Services", items: [{ label: "Haircuts", href: "/services#haircuts"}, { label: "Beard Trims", href: "/services#beard-trims"}, { label: "Styling", href: "/services#styling"}, { label: "All Services", href: "/services"}] },
+              { title: "Legal", items: [{ label: "Privacy Policy", href: "#"}, { label: "Terms of Service", href: "#"}] },
+            ]}
+            bottomLeftText="© 2024 Miron's Cut. All rights reserved."
+            bottomRightText="Crafted with precision in Glendale, AZ."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1


From ac50cf6a89bbb2f09dac79b5230f52ab770469c6 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 24 Mar 2026 04:11:36 +0000
Subject: [PATCH 2/5] Add src/app/contact/page.tsx

---
 src/app/contact/page.tsx | 70 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 70 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..8bd69b1
--- /dev/null
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,70 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="background-highlight"
+        borderRadius="pill"
+        contentWidth="mediumLarge"
+        sizing="large"
+        background="floatingGradient"
+        cardStyle="layered-gradient"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Services", id: "/services" },
+              { name: "About Us", id: "/about" },
+              { name: "Reviews", id: "/reviews" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Miron's Cut"
+            button={{ text: "Book Appointment", href: "/contact" }}
+          />
+        </div>
+
+        <div id="contact-form" data-section="contact-form">
+          <ContactSplitForm
+            title="Get in Touch with Miron's Cut"
+            description="Have a question, need to reschedule, or just want to say hello? Fill out the form below, and we'll get back to you as soon as possible. Walk-ins are always welcome!"
+            inputs={[
+              { name: "name", type: "text", placeholder: "Your Name", required: true },
+              { name: "email", type: "email", placeholder: "Your Email", required: true }
+            ]}
+            textarea={{ name: "message", placeholder: "Your Message", rows: 5, required: true }}
+            useInvertedBackground={false}
+            mediaAnimation={'slide-up'}
+            imageSrc="http://img.b2bpic.net/free-photo/handsome-barber-working-barbershop_627829-7313.jpg"
+            imageAlt="Barber cutting hair in a modern barbershop"
+            buttonText="Send Message"
+            onSubmit={() => alert('Message sent!')}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "Company", items: [{ label: "About Us", href: "/about"}, { label: "Reviews", href: "/reviews"}, { label: "Contact", href: "/contact"}] },
+              { title: "Services", items: [{ label: "Haircuts", href: "/services#haircuts"}, { label: "Beard Trims", href: "/services#beard-trims"}, { label: "Styling", href: "/services#styling"}, { label: "All Services", href: "/services"}] },
+              { title: "Legal", items: [{ label: "Privacy Policy", href: "#"}, { label: "Terms of Service", href: "#"}] },
+            ]}
+            bottomLeftText="© 2024 Miron's Cut. All rights reserved."
+            bottomRightText="Crafted with precision in Glendale, AZ."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
-- 
2.49.1


From adc1c60bfa93aaed9d10b6831dc2a2e5d38ed404 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 24 Mar 2026 04:11:37 +0000
Subject: [PATCH 3/5] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 34f6ea4..4df9902 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,15 +2,11 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactFaq from '@/components/sections/contact/ContactFaq';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroSplit from '@/components/sections/hero/HeroSplit';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
-import { MapPin } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -98,96 +94,6 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="services-overview" data-section="services-overview">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "haircut",          name: "Precision Haircut",          price: "From $30",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-female-hairdresser-washing-bearded-men-s-hair-before-haircut-saloon_613910-14593.jpg?_wi=1",          imageAlt: "Fresh, clean men's haircut"},
-        {
-          id: "beard-trim",          name: "Expert Beard Trim",          price: "From $20",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-bearded-man-talking-phone_1153-1396.jpg?_wi=1",          imageAlt: "Man receiving a professional beard trim"},
-        {
-          id: "line-up",          name: "Sharp Line-Up",          price: "From $15",          imageSrc: "http://img.b2bpic.net/free-photo/stainless-metal-horizontal-lines-background_23-2148744269.jpg?_wi=1",          imageAlt: "Barber performing a precision hairline line-up"},
-        {
-          id: "styling",          name: "Custom Styling",          price: "From $10",          imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-4252.jpg?_wi=1",          imageAlt: "Man getting his hair styled with product"},
-      ]}
-      title="Our Signature Services"
-      description="From classic cuts to modern styles, we offer a range of professional grooming services to keep you looking sharp and feeling confident."
-    />
-  </div>
-
-  <div id="gallery-preview" data-section="gallery-preview">
-      <ProductCardOne
-      animationType="blur-reveal"
-      textboxLayout="default"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "haircut",          name: "Precision Haircut",          price: "From $30",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-female-hairdresser-washing-bearded-men-s-hair-before-haircut-saloon_613910-14593.jpg?_wi=2",          imageAlt: "Fresh, clean men's haircut"},
-        {
-          id: "beard-trim",          name: "Expert Beard Trim",          price: "From $20",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-bearded-man-talking-phone_1153-1396.jpg?_wi=2",          imageAlt: "Man receiving a professional beard trim"},
-        {
-          id: "line-up",          name: "Sharp Line-Up",          price: "From $15",          imageSrc: "http://img.b2bpic.net/free-photo/stainless-metal-horizontal-lines-background_23-2148744269.jpg?_wi=2",          imageAlt: "Barber performing a precision hairline line-up"},
-        {
-          id: "styling",          name: "Custom Styling",          price: "From $10",          imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-4252.jpg?_wi=2",          imageAlt: "Man getting his hair styled with product"},
-      ]}
-      title="Our Signature Services"
-      description="From classic cuts to modern styles, we offer a range of professional grooming services to keep you looking sharp and feeling confident."
-    />
-  </div>
-
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
-      animationType="scale-rotate"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",          name: "John D.",          handle: "@johndoescut",          testimonial: "Always a perfect cut! The barbers here are true artists and the atmosphere is always welcoming. My go-to spot in Glendale.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-good-looking-nordic-unshaven-man-with-fashionable-hairdo-posing_176420-15809.jpg?_wi=1"},
-        {
-          id: "2",          name: "Michael S.",          handle: "@mike_sharp",          testimonial: "Professional, clean, and friendly. Miron's Cut consistently delivers. Best beard trim I've ever had!",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/expressive-redhead-guy-beige-shirt_176420-32311.jpg?_wi=1"},
-        {
-          id: "3",          name: "David R.",          handle: "@david_fade",          testimonial: "Finding a reliable barber can be tough, but Miron's Cut nailed it. Every cut is exactly what I ask for, and it lasts.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-with-long-hair-sitting-cafe-with-phone-man_273609-6373.jpg?_wi=1"},
-        {
-          id: "4",          name: "Chris K.",          handle: "@chris_fresh",          testimonial: "I bring my son here, and they're great with kids. Patient, skilled, and he always leaves with a smile and a sharp haircut.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-hairdresser-washing-man-s-hair_23-2150665392.jpg"},
-        {
-          id: "5",          name: "Mark L.",          handle: "@mark_style",          testimonial: "From the moment you walk in, you know you're in good hands. The attention to detail is unmatched, truly a premium experience.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/ypung-man-puts-foam-shave-face_633478-2338.jpg"},
-      ]}
-      showRating={true}
-      title="What Our Clients Say"
-      description="Hear directly from our satisfied customers about their positive experiences and the quality service they receive at Miron's Cut."
-    />
-  </div>
-
-  <div id="contact-location" data-section="contact-location">
-      <ContactFaq
-      animationType="slide-up"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "hours",          title: "What are your hours of operation?",          content: "We are open Tuesday - Saturday from 9 AM to 7 PM. Closed on Sundays and Mondays."},
-        {
-          id: "appointment",          title: "Do I need an appointment?",          content: "Walk-ins are always welcome! For guaranteed service at your preferred time, we recommend booking an appointment online or by phone."},
-        {
-          id: "services",          title: "What services do you offer?",          content: "We offer a full range of services including precision haircuts, expert beard trims, sharp line-ups, and custom styling. Visit our Services page for more details!"},
-      ]}
-      ctaTitle="Visit Miron's Cut Today"
-      ctaDescription="Conveniently located in Glendale, Arizona. Walk-ins are always welcome, or book ahead for guaranteed service. We look forward to seeing you!"
-      ctaButton={{
-        text: "Get Directions",        href: "https://www.google.com/maps/dir/?api=1&destination=Miron's+Cut+Glendale+Arizona"}}
-      ctaIcon={MapPin}
-    />
-  </div>
-
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
@@ -229,4 +135,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1


From dfb7f6acce094b42e0f1de455fc03bc2f6de0dcb Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 24 Mar 2026 04:11:37 +0000
Subject: [PATCH 4/5] Add src/app/reviews/page.tsx

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

diff --git a/src/app/reviews/page.tsx b/src/app/reviews/page.tsx
new file mode 100644
index 0000000..12c6809
--- /dev/null
+++ b/src/app/reviews/page.tsx
@@ -0,0 +1,70 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+
+export default function ReviewsPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="background-highlight"
+        borderRadius="pill"
+        contentWidth="mediumLarge"
+        sizing="large"
+        background="floatingGradient"
+        cardStyle="layered-gradient"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Services", id: "/services" },
+              { name: "About Us", id: "/about" },
+              { name: "Reviews", id: "/reviews" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Miron's Cut"
+            button={{ text: "Book Appointment", href: "/contact" }}
+          />
+        </div>
+
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardThirteen
+            animationType="scale-rotate"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "1", name: "John D.", handle: "@johndoescut", testimonial: "Always a perfect cut! The barbers here are true artists and the atmosphere is always welcoming. My go-to spot in Glendale.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-good-looking-nordic-unshaven-man-with-fashionable-hairdo-posing_176420-15809.jpg?_wi=1"},
+              { id: "2", name: "Michael S.", handle: "@mike_sharp", testimonial: "Professional, clean, and friendly. Miron's Cut consistently delivers. Best beard trim I've ever had!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/expressive-redhead-guy-beige-shirt_176420-32311.jpg?_wi=1"},
+              { id: "3", name: "David R.", handle: "@david_fade", testimonial: "Finding a reliable barber can be tough, but Miron's Cut nailed it. Every cut is exactly what I ask for, and it lasts.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-with-long-hair-sitting-cafe-with-phone-man_273609-6373.jpg?_wi=1"},
+              { id: "4", name: "Chris K.", handle: "@chris_fresh", testimonial: "I bring my son here, and they're great with kids. Patient, skilled, and he always leaves with a smile and a sharp haircut.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-hairdresser-washing-man-s-hair_23-2150665392.jpg"},
+              { id: "5", name: "Mark L.", handle: "@mark_style", testimonial: "From the moment you walk in, you know you're in good hands. The attention to detail is unmatched, truly a premium experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/ypung-man-puts-foam-shave-face_633478-2338.jpg"},
+            ]}
+            showRating={true}
+            title="What Our Clients Say"
+            description="Hear directly from our satisfied customers about their positive experiences and the quality service they receive at Miron's Cut."
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "Company", items: [{ label: "About Us", href: "/about"}, { label: "Reviews", href: "/reviews"}, { label: "Contact", href: "/contact"}] },
+              { title: "Services", items: [{ label: "Haircuts", href: "/services#haircuts"}, { label: "Beard Trims", href: "/services#beard-trims"}, { label: "Styling", href: "/services#styling"}, { label: "All Services", href: "/services"}] },
+              { title: "Legal", items: [{ label: "Privacy Policy", href: "#"}, { label: "Terms of Service", href: "#"}] },
+            ]}
+            bottomLeftText="© 2024 Miron's Cut. All rights reserved."
+            bottomRightText="Crafted with precision in Glendale, AZ."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
-- 
2.49.1


From 2a38af9690856d82a42958cab1735a557a86c492 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 24 Mar 2026 04:11:37 +0000
Subject: [PATCH 5/5] Add src/app/services/page.tsx

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

diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
new file mode 100644
index 0000000..ef8977b
--- /dev/null
+++ b/src/app/services/page.tsx
@@ -0,0 +1,69 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
+
+export default function ServicesPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="background-highlight"
+        borderRadius="pill"
+        contentWidth="mediumLarge"
+        sizing="large"
+        background="floatingGradient"
+        cardStyle="layered-gradient"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Services", id: "/services" },
+              { name: "About Us", id: "/about" },
+              { name: "Reviews", id: "/reviews" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Miron's Cut"
+            button={{ text: "Book Appointment", href: "/contact" }}
+          />
+        </div>
+
+        <div id="services-overview" data-section="services-overview">
+          <ProductCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={true}
+            products={[
+              { id: "haircut", name: "Precision Haircut", price: "From $30", imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-female-hairdresser-washing-bearded-men-s-hair-before-haircut-saloon_613910-14593.jpg?_wi=1", imageAlt: "Fresh, clean men's haircut"},
+              { id: "beard-trim", name: "Expert Beard Trim", price: "From $20", imageSrc: "http://img.b2bpic.net/free-photo/close-up-bearded-man-talking-phone_1153-1396.jpg?_wi=1", imageAlt: "Man receiving a professional beard trim"},
+              { id: "line-up", name: "Sharp Line-Up", price: "From $15", imageSrc: "http://img.b2bpic.net/free-photo/stainless-metal-horizontal-lines-background_23-2148744269.jpg?_wi=1", imageAlt: "Barber performing a precision hairline line-up"},
+              { id: "styling", name: "Custom Styling", price: "From $10", imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-barber-shop_613910-4252.jpg?_wi=1", imageAlt: "Man getting his hair styled with product"},
+            ]}
+            title="Our Signature Services"
+            description="From classic cuts to modern styles, we offer a range of professional grooming services to keep you looking sharp and feeling confident."
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "Company", items: [{ label: "About Us", href: "/about"}, { label: "Reviews", href: "/reviews"}, { label: "Contact", href: "/contact"}] },
+              { title: "Services", items: [{ label: "Haircuts", href: "/services#haircuts"}, { label: "Beard Trims", href: "/services#beard-trims"}, { label: "Styling", href: "/services#styling"}, { label: "All Services", href: "/services"}] },
+              { title: "Legal", items: [{ label: "Privacy Policy", href: "#"}, { label: "Terms of Service", href: "#"}] },
+            ]}
+            bottomLeftText="© 2024 Miron's Cut. All rights reserved."
+            bottomRightText="Crafted with precision in Glendale, AZ."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
-- 
2.49.1