From 556fb006f1ffbf321dea76d8e53bbceabc11b05f Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 24 Apr 2026 10:16:37 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 433 +++++++----------------------------------------
 1 file changed, 60 insertions(+), 373 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 37acaad..2f140b1 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,16 +2,11 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
-import FooterBase from '@/components/sections/footer/FooterBase';
-import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
-import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
+import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { Sparkles, Calendar, Zap, Scissors } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -28,374 +23,66 @@ export default function LandingPage() {
         headingFontWeight="light"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Book Now",
-          id: "contact",
-        },
-      ]}
-      brandName="STANDARD UNISEX SALOON"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Gallery", id: "gallery" },
+              { name: "Book Now", id: "booking" },
+            ]}
+            brandName="STANDARD SALOON"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitTestimonial
-      background={{
-        variant: "plain",
-      }}
-      title="STANDARD UNISEX SALOON"
-      description="Experience premium styling in a sanctuary of luxury. We prioritize quality, comfort, and a personalized beauty experience for every client."
-      testimonials={[
-        {
-          name: "Jane D.",
-          handle: "@janed",
-          testimonial: "The best haircut experience I've had in years. Professional and relaxing.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/sexy-blond-female-black-costume-sits-round-black-chair-empty-room_613910-8174.jpg?_wi=1",
-          imageAlt: "luxury salon interior minimal elegant",
-        },
-        {
-          name: "Mark S.",
-          handle: "@marks",
-          testimonial: "Excellent service and very modern atmosphere. My new go-to place.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/office-desktop-with-lipstick_23-2148166703.jpg",
-          imageAlt: "luxury salon interior minimal elegant",
-        },
-        {
-          name: "Emily R.",
-          handle: "@emilyr",
-          testimonial: "So fast and easy to book! The staff is incredibly talented.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/individual-with-dreads-rastafari-movement_23-2151712148.jpg?_wi=1",
-          imageAlt: "luxury salon interior minimal elegant",
-        },
-        {
-          name: "David W.",
-          handle: "@davidw",
-          testimonial: "Clean, luxury feel. Love the attention to detail.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/process-removing-jellied-alginate-mask-from-face-woman-facial-rejuvenation-procedure-skin-care-beauty-salon_158595-7719.jpg?_wi=1",
-          imageAlt: "luxury salon interior minimal elegant",
-        },
-        {
-          name: "Sarah K.",
-          handle: "@sarahk",
-          testimonial: "Perfect color treatment. I feel like a star every time.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-hair-salon_23-2150668436.jpg?_wi=1",
-          imageAlt: "luxury salon interior minimal elegant",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Book Appointment",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/sexy-blond-female-black-costume-sits-round-black-chair-empty-room_613910-8174.jpg?_wi=2"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/sexy-blond-female-black-costume-sits-round-black-chair-empty-room_613910-8198.jpg",
-          alt: "Client portrait 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/serene-spa-interior_23-2151945692.jpg",
-          alt: "Client portrait 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/empty-hotel-lounge-with-cozy-furniture_482257-67425.jpg",
-          alt: "Client portrait 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/modern-styled-entryway_23-2150695799.jpg",
-          alt: "Client portrait 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
-          alt: "Client portrait 5",
-        },
-      ]}
-      avatarText="Join 500+ satisfied clients"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "PRECISION CUTS",
-        },
-        {
-          type: "text",
-          text: "EXPERT STYLING",
-        },
-        {
-          type: "text",
-          text: "LUXURY SPA",
-        },
-        {
-          type: "text",
-          text: "REVITALIZATION",
-        },
-        {
-          type: "text",
-          text: "PREMIUM CARE",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroOverlayTestimonial
+            title="Standard Unisex Saloon"
+            description="Discover premium hair and beauty services in a sophisticated, relaxing environment designed just for you."
+            testimonials={[]}
+            buttons={[{ text: "Book Appointment", href: "#booking" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/sexy-blond-female-black-costume-sits-round-black-chair-empty-room_613910-8174.jpg?_wi=2"
+            mediaAnimation="blur-reveal"
+            tag="Luxury Beauty"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
-      useInvertedBackground={false}
-      heading={[
-        {
-          type: "text",
-          content: "Redefining Your Beauty Experience",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/office-desktop-with-lipstick_23-2148166703.jpg",
-          alt: "Salon interior",
-        },
-      ]}
-    />
-  </div>
+        <div id="gallery" data-section="gallery">
+          <ProductCardFour
+            title="Our Gallery"
+            description="Explore our signature styles and transformative beauty experiences."
+            gridVariant="four-items-2x2-equal-grid"
+            animationType="blur-reveal"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            products={[
+              { id: "1", name: "Precision Cut", price: "", variant: "", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-women-s-haircut_1150-5886.jpg" },
+              { id: "2", name: "Color Styling", price: "", variant: "", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-hair-salon_23-2150668436.jpg?_wi=1" },
+              { id: "3", name: "Relaxing Spa", price: "", variant: "", imageSrc: "http://img.b2bpic.net/free-photo/process-removing-jellied-alginate-mask-from-face-woman-facial-rejuvenation-procedure-skin-care-beauty-salon_158595-7719.jpg?_wi=1" },
+              { id: "4", name: "Modern Finish", price: "", variant: "", imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-entryway_23-2150695799.jpg" },
+            ]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardNineteen
-      textboxLayout="split"
-      useInvertedBackground={true}
-      features={[
-        {
-          tag: "Hair",
-          title: "Precision Cutting",
-          subtitle: "Expert styling for all genders.",
-          description: "Tailored haircuts that complement your face shape and personality.",
-          imageSrc: "http://img.b2bpic.net/free-photo/individual-with-dreads-rastafari-movement_23-2151712148.jpg?_wi=2",
-        },
-        {
-          tag: "Spa",
-          title: "Skin Treatments",
-          subtitle: "Revitalizing and hydrating.",
-          description: "Professional skincare routines that leave you glowing and refreshed.",
-          imageSrc: "http://img.b2bpic.net/free-photo/process-removing-jellied-alginate-mask-from-face-woman-facial-rejuvenation-procedure-skin-care-beauty-salon_158595-7719.jpg?_wi=2",
-        },
-        {
-          tag: "Care",
-          title: "Color & Texture",
-          subtitle: "Vibrant and healthy.",
-          description: "Premium treatments that enhance color while maintaining hair health.",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-hair-salon_23-2150668436.jpg?_wi=2",
-        },
-      ]}
-      title="Our Signature Services"
-      description="Curated treatments tailored to your unique style and needs."
-    />
-  </div>
+        <div id="booking" data-section="booking">
+          <HeroOverlayTestimonial
+            title="Ready to refresh?"
+            description="Book your next session with our professional stylists and enjoy an unparalleled beauty experience."
+            testimonials={[]}
+            buttons={[{ text: "Book Now", href: "https://calendly.com" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/hotel-lobby-with-impressive-design-modern-furniture-expensive-resort-accommodation-with-marble-floors-empty-reception-front-desk-with-computers-service-bell-registration_482257-61927.jpg"
+            mediaAnimation="slide-up"
+            tag="Appointment"
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardFive
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      plans={[
-        {
-          id: "p1",
-          tag: "Essentials",
-          price: "$45",
-          period: "session",
-          description: "Quick refresh for hair.",
-          button: {
-            text: "Book",
-            href: "#contact",
-          },
-          featuresTitle: "Includes",
-          features: [
-            "Consultation",
-            "Haircut",
-            "Style",
-          ],
-        },
-        {
-          id: "p2",
-          tag: "Popular",
-          price: "$85",
-          period: "session",
-          description: "Complete transformation.",
-          button: {
-            text: "Book",
-            href: "#contact",
-          },
-          featuresTitle: "Includes",
-          features: [
-            "Everything in Essentials",
-            "Coloring",
-            "Hydration Mask",
-          ],
-        },
-      ]}
-      title="Treatment Pricing"
-      description="Transparent pricing for exceptional service."
-    />
-  </div>
-
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
-      textboxLayout="split"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          title: "Love it",
-          quote: "Amazing service!",
-          name: "Alice B.",
-          role: "Designer",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg",
-        },
-        {
-          id: "2",
-          title: "So good",
-          quote: "Best experience ever.",
-          name: "Bob C.",
-          role: "Engineer",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-bride-before-wedding_23-2149860779.jpg",
-        },
-        {
-          id: "3",
-          title: "Highly recommend",
-          quote: "Talented team here.",
-          name: "Charlie D.",
-          role: "Artist",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-businessman-pointing-you_93675-134385.jpg",
-        },
-        {
-          id: "4",
-          title: "Clean & fast",
-          quote: "Very relaxing vibes.",
-          name: "Diana E.",
-          role: "Manager",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
-        },
-        {
-          id: "5",
-          title: "Professional",
-          quote: "Will come back soon.",
-          name: "Edward F.",
-          role: "Consultant",
-          imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-smiling-blonde-fashion-model-sits-white-suit-soft-armchair_8353-5476.jpg",
-        },
-      ]}
-      title="Client Reviews"
-      description="What our patrons say about the Standard experience."
-    />
-  </div>
-
-  <div id="socialProof" data-section="socialProof">
-      <SocialProofOne
-      textboxLayout="split"
-      useInvertedBackground={false}
-      names={[
-        "L'Oreal",
-        "Kerastase",
-        "Schwarzkopf",
-        "Redken",
-        "Olaplex",
-        "Davines",
-        "Wella",
-      ]}
-      title="Featured Partners"
-      description="Using only the finest salon-grade products for your hair."
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "q1",
-          title: "Booking Policy",
-          content: "Appointments are booked for tomorrow and day after tomorrow only.",
-        },
-        {
-          id: "q2",
-          title: "Cancellations",
-          content: "Cancel at least 24 hours in advance to avoid a fee.",
-        },
-        {
-          id: "q3",
-          title: "Walk-ins",
-          content: "We recommend booking ahead due to limited daily slots.",
-        },
-      ]}
-      title="Frequently Asked"
-      description="Your salon appointment questions answered."
-      faqsAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/beautiful-women-s-haircut_1150-5886.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
-
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Booking"
-      title="Book Your Appointment"
-      description="Select your slot below. First-come-first-serve basis."
-      imageSrc="http://img.b2bpic.net/free-photo/hotel-lobby-with-impressive-design-modern-furniture-expensive-resort-accommodation-with-marble-floors-empty-reception-front-desk-with-computers-service-bell-registration_482257-61927.jpg"
-      mediaAnimation="slide-up"
-      inputPlaceholder="Enter your full name"
-      buttonText="Confirm Booking"
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Contact",
-              href: "#",
-            },
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-          ],
-        },
-      ]}
-      logoText="STANDARD SALOON"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="STANDARD SALOON"
+            copyrightText="© 2025 Standard Saloon. All rights reserved."
+            socialLinks={[]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1