From 9e464ecba08a3753b219dfcc86baabcde50baef4 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 26 Apr 2026 09:41:03 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 215 +++++++++++++++++------------------------------
 1 file changed, 77 insertions(+), 138 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6e43649..82da245 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,157 +3,96 @@
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
-import FeatureBento from "@/components/sections/feature/FeatureBento";
-import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
-import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
-import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
-import TeamCardFive from "@/components/sections/team/TeamCardFive";
-import FaqBase from "@/components/sections/faq/FaqBase";
-import ContactCTA from "@/components/sections/contact/ContactCTA";
-import FooterBase from "@/components/sections/footer/FooterBase";
-import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
-import { Sparkles, Scissors, Clock, Calendar, Star, CheckCircle, Zap, Shield, Award, Users } from "lucide-react";
+import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
+import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
+import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
+import ContactSplit from "@/components/sections/contact/ContactSplit";
+import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
+import { Wifi, Signal, Zap, ShieldCheck } from "lucide-react";
 
-export default function SharpCutPage() {
+export default function SonicWifiPage() {
   return (
     <ThemeProvider
-      defaultButtonVariant="text-stagger"
-      defaultTextAnimation="entrance-slide"
-      borderRadius="pill"
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="rounded"
       contentWidth="medium"
       sizing="medium"
-      background="none"
+      background="fluid"
       cardStyle="glass-elevated"
-      primaryButtonStyle="metallic"
-      secondaryButtonStyle="glass"
-      headingFontWeight="medium"
+      primaryButtonStyle="primary-glow"
+      secondaryButtonStyle="solid"
+      headingFontWeight="bold"
     >
       <ReactLenis root>
         <NavbarLayoutFloatingOverlay
-          brandName="Sharp Cut"
+          brandName="SONIC wifi"
           navItems={[
-            { name: "Services", id: "services" },
-            { name: "Our Team", id: "team" },
-            { name: "Testimonials", id: "testimonials" },
-            { name: "Contact", id: "contact" },
-          ]}
-          button={{ text: "Book Now", href: "#contact" }}
-        />
-        <HeroSplitDoubleCarousel
-          title="Precision Grooming, Elevated Style"
-          description="Experience the ultimate barbershop visit. From classic tapers to modern beard sculpting, our experts deliver perfection in every single cut."
-          tag="Top Rated Barbershop"
-          tagIcon={Sparkles}
-          tagAnimation="slide-up"
-          background={{ variant: "canvas-reveal" }}
-          buttons={[
-            { text: "Book Appointment", href: "#contact" },
-            { text: "View Services", href: "#services" },
-          ]}
-          buttonAnimation="slide-up"
-          carouselPosition="right"
-          leftCarouselItems={[
-            { imageSrc: "http://img.b2bpic.net/free-photo/pretty-barber-girl-cutting-hair_624325-3064.jpg", imageAlt: "Classic haircut session" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/sideways-customer-with-eyes-closed_23-2148256865.jpg", imageAlt: "Modern beard trim" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/portrait-thoughtful-bearded-male-dressed-red-fleece-shirt-grey-background_613910-13481.jpg", imageAlt: "Precision fade styling" },
-          ]}
-          rightCarouselItems={[
-            { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-his-hair-washed_23-2149220571.jpg", imageAlt: "Barbershop interior atmosphere" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/front-view-hairstilyst-giving-haircut_23-2148506284.jpg", imageAlt: "Customer grooming experience" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205855.jpg", imageAlt: "Tools of the trade" },
-          ]}
-          carouselItemClassName="!aspect-[4/5]"
-        />
-        <FeatureBento
-          title="Our Grooming Services"
-          description="Comprehensive care for the modern gentleman."
-          textboxLayout="default"
-          useInvertedBackground={false}
-          animationType="slide-up"
-          features={[
-            { title: "Classic Cuts", description: "Timeless styles tailored to your facial structure.", bentoComponent: "reveal-icon", icon: Scissors },
-            { title: "Beard Sculpting", description: "Precise edging, shaping, and conditioning for your beard.", bentoComponent: "reveal-icon", icon: Star },
-            { title: "Hot Towel Shave", description: "The traditional luxury experience you deserve.", bentoComponent: "reveal-icon", icon: Clock },
-            { title: "Modern Styling", description: "Current trends, fades, and creative custom looks.", bentoComponent: "reveal-icon", icon: Zap },
+            { name: "Features", id: "features" },
+            { name: "Coverage", id: "metrics" },
+            { name: "Support", id: "contact" },
           ]}
         />
-        <FeatureCardTwentySix
-          title="Our Signature Styles"
-          description="Check out our latest work and find your next look."
-          textboxLayout="default"
-          useInvertedBackground={false}
-          buttons={[{ text: "Book Your Look", href: "#contact" }]}
-          features={[
-            { title: "The Executive Fade", description: "Clean, professional, sharp.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-gray-checkered-suit_158538-4243.jpg", buttonIcon: Scissors },
-            { title: "Rugged Beard", description: "Natural yet well-manicured.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-shirtless-fatty-bearded-male-grey-background_613910-15710.jpg", buttonIcon: Scissors },
-            { title: "Classic Taper", description: "Effortless, clean finish.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9661.jpg", buttonIcon: Scissors },
-            { title: "Modern Quiff", description: "Dynamic volume and texture.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-with-shells-necklace_23-2149105403.jpg", buttonIcon: Scissors },
-          ]}
-        />
-        <TestimonialCardFifteen
-          testimonial="The best cut I've had in years. The shop has a great vibe, and the barbers really take their time to get it right. Won't go anywhere else!"
-          rating={5}
-          author="— David T., Regular Client"
-          avatars={[{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg", alt: "Client" }]}
-          ratingAnimation="slide-up"
-          avatarsAnimation="slide-up"
-          useInvertedBackground={false}
-        />
-        <MetricCardOne
-          title="Why Sharp Cut?"
-          description="We pride ourselves on consistency and comfort."
-          textboxLayout="default"
-          useInvertedBackground={false}
-          gridVariant="uniform-all-items-equal"
-          animationType="slide-up"
-          metrics={[
-            { id: "m1", value: "5k+", title: "Satisfied Clients", description: "Over five thousand successful cuts.", icon: Users },
-            { id: "m2", value: "10+", title: "Expert Barbers", description: "Skilled pros at your service.", icon: Award },
-            { id: "m3", value: "4.9", title: "Rating", description: "Consistently high reviews.", icon: CheckCircle },
-          ]}
-        />
-        <TeamCardFive
-          title="Meet Our Experts"
-          description="Passionate professionals dedicated to your grooming."
-          textboxLayout="default"
-          useInvertedBackground={false}
-          animationType="slide-up"
-          team={[
-            { id: "t1", name: "Marcus", role: "Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg" },
-            { id: "t2", name: "Elena", role: "Precision Specialist", imageSrc: "http://img.b2bpic.net/free-photo/beauty-woman-s-with-blue-eyes-portrait_633478-325.jpg" },
-            { id: "t3", name: "James", role: "Style Consultant", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-with-tattooed-arm-wearing-white-shirt_613910-1888.jpg" },
-          ]}
-        />
-        <FaqBase
-          title="Questions & Answers"
-          description="Everything you need to know about our shop."
-          textboxLayout="default"
-          useInvertedBackground={false}
-          faqsAnimation="slide-up"
-          faqs={[
-            { id: "1", title: "Do I need an appointment?", content: "While we accept walk-ins, we highly recommend booking online to guarantee your preferred time slot." },
-            { id: "2", title: "How long do services take?", content: "Most cuts take about 30-45 minutes. We prioritize quality over speed." },
-            { id: "3", title: "Do you provide hair products?", content: "Yes, we carry a full range of premium pomades, balms, and oils." },
-          ]}
-        />
-        <ContactCTA
-          tag="Book Your Visit"
-          title="Ready for a Sharp New Look?"
-          description="Visit us at our downtown location or book online for your preferred time."
-          background={{ variant: "rotated-rays-animated" }}
-          buttons={[{ text: "Book Now", href: "#contact" }]}
-          useInvertedBackground={false}
-        />
-        <FooterBase
-          logoText="Sharp Cut"
-          copyrightText="© 2025 Sharp Cut Barbershop"
-          columns={[
-            { title: "Shop", items: [{ label: "Services", href: "#services" }, { label: "Our Team", href: "#team" }] },
-            { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }] },
-          ]}
+        <div id="hero">
+          <HeroLogoBillboard
+            logoText="SONIC wifi"
+            description="Ultra-high-speed connectivity for the modern home. Experience seamless, lag-free internet that keeps you ahead."
+            buttons={[{ text: "Get Connected", href: "#contact" }, { text: "Learn More", href: "#features" }]}
+            background={{ variant: "sparkles-gradient" }}
+            mediaAnimation="slide-up"
+          />
+        </div>
+        <div id="features">
+          <FeatureCardNine
+            title="Next-Gen Connectivity"
+            description="Engineered for speed, stability, and total coverage."
+            showStepNumbers={true}
+            animationType="slide-up"
+            textboxLayout="default"
+            features={[
+              { 
+                title: "Gigabit Speeds", 
+                description: "Lightning fast downloads and zero latency gaming.", 
+                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-smartphone-with-5g-network-icon_23-2149156742.jpg" }, 
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-smartphone-with-5g-network-icon_23-2149156742.jpg" } 
+              },
+              { 
+                title: "Total Home Coverage", 
+                description: "Dead zones are a thing of the past with our mesh system.", 
+                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/smart-home-system-concept-with-connected-devices_23-2149156742.jpg" }, 
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/smart-home-system-concept-with-connected-devices_23-2149156742.jpg" } 
+              }
+            ]}
+          />
+        </div>
+        <div id="metrics">
+          <MetricCardTwo
+            title="Reliability Statistics"
+            description="Proven performance across all environments."
+            gridVariant="uniform-all-items-equal"
+            animationType="depth-3d"
+            textboxLayout="default"
+            metrics={[
+              { id: "1", value: "99.9%", description: "Uptime guarantee" },
+              { id: "2", value: "1Gbps", description: "Average speed" },
+              { id: "3", value: "<10ms", description: "Ping latency" },
+            ]}
+          />
+        </div>
+        <div id="contact">
+          <ContactSplit
+            tag="Get Started"
+            title="Join the Network"
+            description="Check availability in your area today."
+            onSubmit={(email) => console.log(email)}
+          />
+        </div>
+        <FooterLogoReveal
+          logoText="SONIC wifi"
+          leftLink={{ text: "Privacy", href: "#" }}
+          rightLink={{ text: "Support", href: "#contact" }}
         />
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1