From fbc603eb332f5179495fb8dcf6c0ac4bcbebf24e Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 10 May 2026 21:51:33 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 157 +++++++++++++----------------------------------
 1 file changed, 42 insertions(+), 115 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 674d75d..c1385a3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,19 +2,17 @@
 
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import HeroOverlay from "@/components/sections/hero/HeroOverlay";
-import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
-import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
-import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
-import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
-import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
-import FaqSplitText from "@/components/sections/faq/FaqSplitText";
-import ContactCTA from "@/components/sections/contact/ContactCTA";
-import FooterMedia from "@/components/sections/footer/FooterMedia";
-import { ShieldCheck, Wrench, DollarSign, Phone } from "lucide-react";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
+import AboutMetric from "@/components/sections/about/AboutMetric";
+import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
+import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
+import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
+import ContactCenter from "@/components/sections/contact/ContactCenter";
+import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
+import { Star, ShieldCheck, Wrench, DollarSign, Phone } from "lucide-react";
 
-export default function HvacPage() {
+export default function GenerationNailPage() {
   return (
     <ThemeProvider
       defaultButtonVariant="directional-hover"
@@ -30,170 +28,99 @@ export default function HvacPage() {
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
-          <NavbarLayoutFloatingInline
-            brandName="Generation Nail"
+          <NavbarLayoutFloatingOverlay
             navItems={[
               { name: "Services", id: "services" },
               { name: "About", id: "about" },
               { name: "Testimonials", id: "testimonials" },
               { name: "Contact", id: "contact" },
             ]}
+            brandName="Generation Nail"
             button={{ text: "Get a Quote", href: "#contact" }}
-            animateOnLoad={false}
           />
         </div>
 
         <div id="hero" data-section="hero">
-          <HeroOverlay
+          <HeroSplitDualMedia
             title="Precision Crafting, Superior Finish"
             description="Specialized nail care and aesthetic precision for individuals who demand perfection. From advanced structural integrity to high-fashion design, we redefine your standards."
-            avatars={[
-              { src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67106.jpg", alt: "Professional Technician" },
-              { src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67003.jpg", alt: "Professional Technician" },
-              { src: "http://img.b2bpic.net/free-photo/young-woman-model-holding-book-red-wall_114579-56021.jpg", alt: "Professional Technician" },
+            tag="Generation Nail"
+            rating={5}
+            ratingText="Rated 5.0 by 5,000+ fashion icons"
+            mediaItems={[
+                { imageSrc: "http://img.b2bpic.net/free-photo/make-up-nail-polish_23-2148109544.jpg", imageAlt: "Nail artistry" },
+                { imageSrc: "http://img.b2bpic.net/free-photo/close-frame-woman-s-hands-with-orange-manicure-white-sweater-pink-wall_343596-5400.jpg", imageAlt: "Finished manicure" }
             ]}
-            avatarText="Trusted by 5,000+ fashion icons"
             buttons={[
               { text: "Book Appointment", href: "#contact" },
               { text: "View Services", href: "#services" },
             ]}
-            buttonAnimation="slide-up"
-            imageSrc="http://img.b2bpic.net/free-photo/alpine-hotel-hosting-winter-sports_482257-102253.jpg"
-            imageAlt="High-end nail studio environment"
-            showDimOverlay={true}
           />
         </div>
 
         <div id="about" data-section="about">
-          <MetricSplitMediaAbout
-            tag="Our Legacy"
+          <AboutMetric
             title="Mastery in Nail Artistry"
-            description="Generation Nail blends artisan technique with cutting-edge materials. With over a decade of dedication to cosmetic precision, we guarantee results that are as durable as they are stunning."
             metrics={[
-              { value: "15,000+", title: "Custom manicures delivered" },
-              { value: "99%", title: "Client aesthetic perfection rate" },
+              { icon: ShieldCheck, label: "Custom Manicures", value: "15,000+" },
+              { icon: Star, label: "Aesthetic Perfection", value: "99%" },
             ]}
-            imageSrc="http://img.b2bpic.net/free-photo/make-up-nail-polish_23-2148109544.jpg"
-            imageAlt="Nail art design process"
-            mediaBadge={{ text: "Excellence Rated", avatarSrc: "http://img.b2bpic.net/free-photo/rococo-style-photography-beautiful-woman_23-2151916501.jpg", avatarAlt: "Expert" }}
-            mediaAnimation="slide-up"
-            metricsAnimation="slide-up"
             useInvertedBackground={false}
           />
         </div>
 
         <div id="services" data-section="services">
-          <FeatureCardOne
-            title="Exquisite Nail Collections"
-            description="Comprehensive care for long-lasting, elegant results."
-            buttons={[{ text: "Book Now", href: "#contact" }]}
-            buttonAnimation="slide-up"
-            features={[
-              { title: "Structural Manicures", description: "Advanced techniques for durability and strength.", imageSrc: "http://img.b2bpic.net/free-photo/eyeshadow-finger-close-up-swatch_127675-2603.jpg", imageAlt: "Structural Manicure" },
-              { title: "High-Fashion Nail Art", description: "Trend-setting designs customized for every event.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-manicure-holding-purple-flower_23-2149311597.jpg", imageAlt: "Nail Art Design" },
-              { title: "Gel Enhancement", description: "Long-lasting shine with premium, safe products.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-attractive-female-white-shirt-working-with-her-nails-green-surface_140725-64191.jpg", imageAlt: "Gel Application" },
-              { title: "Restorative Care", description: "Nail health treatments to nourish and repair.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-still-life-arrangement-nail-care-products_23-2148974569.jpg", imageAlt: "Repair Care" },
-              { title: "Luxury Pedicures", description: "Full-service indulgence for lasting comfort.", imageSrc: "http://img.b2bpic.net/free-photo/soothing-foot-massage-with-oil-minimalist-spa-reflexology-relax_169016-69711.jpg", imageAlt: "Pedicure Service" },
-              { title: "Custom Design Consultation", description: "Personalized styling with our master technicians.", imageSrc: "http://img.b2bpic.net/free-photo/customers-showroom-completing-credit-application-purchasing-new-car_482257-124090.jpg", imageAlt: "Design Session" },
-            ]}
-            gridVariant="uniform-all-items-equal"
-            uniformGridCustomHeightClasses="aspect-square"
-            gridClassName="md:!grid-cols-3"
-            animationType="slide-up"
+          <FeatureCardSixteen
+            title="The Generation Difference"
+            description="Comparing industry standards with our elevated service quality."
+            negativeCard={{ items: ["Basic sterilization", "Generic salon designs", "Mass-produced quality"] }}
+            positiveCard={{ items: ["Hospital-grade sterilization", "Bespoke fashion-forward designs", "Artisan-level craftsmanship"] }}
             textboxLayout="default"
-            useInvertedBackground={false}
+            animationType="slide-up"
           />
         </div>
 
-        <FeatureBorderGlow
-          title="The Generation Difference"
-          description="Why we are the industry standard"
-          features={[
-            { icon: ShieldCheck, title: "Sanitized Standards", description: "Hospital-grade cleanliness and sterilization protocols for your safety." },
-            { icon: Wrench, title: "Expert Technicians", description: "Master artists certified in advanced aesthetic application." },
-            { icon: DollarSign, title: "Transparent Value", description: "Premium results with clear, upfront pricing every time." },
-          ]}
-          textboxLayout="default"
-          animationType="slide-up"
-          useInvertedBackground={false}
-        />
-
-        <FeatureCardEight
-          title="Our Signature Experience"
-          description="A professional path to perfection"
-          features={[
-            { title: "Booking Selection", description: "Select your service and favorite technician online.", imageSrc: "http://img.b2bpic.net/free-photo/calendar-planner-agenda-schedule-concept_53876-133696.jpg", imageAlt: "Booking" },
-            { title: "Consultation", description: "Discuss your aesthetic goals with our experts.", imageSrc: "http://img.b2bpic.net/free-photo/tablet-newspaper-office_23-2147768582.jpg", imageAlt: "Consultation" },
-            { title: "Precision Application", description: "Experience artisan-level craft and detail.", imageSrc: "http://img.b2bpic.net/free-photo/hands-taking-oil-paint-from-boxing_176420-4576.jpg", imageAlt: "Application" },
-            { title: "Finished Perfection", description: "Enjoy results guaranteed to impress.", imageSrc: "http://img.b2bpic.net/free-photo/close-frame-woman-s-hands-with-orange-manicure-white-sweater-pink-wall_343596-5400.jpg", imageAlt: "Finished Look" },
-          ]}
-          textboxLayout="default"
-          useInvertedBackground={false}
-        />
-
         <div id="testimonials" data-section="testimonials">
-          <TestimonialCardThirteen
+          <TestimonialCardTen
             title="Client Stories"
             description="Experience the standard that keeps our clients returning."
             testimonials={[
-              { id: "1", name: "Sarah J.", handle: "Fashion Designer", testimonial: "The precision and care at Generation Nail is unmatched. My nails stay beautiful for weeks!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg", imageAlt: "Sarah J." },
-              { id: "2", name: "Elena T.", handle: "Entrepreneur", testimonial: "Professional, elegant, and timely. Best studio in town by far.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg", imageAlt: "Elena T." },
-              { id: "3", name: "Marcus B.", handle: "Model", testimonial: "The attention to detail on their custom designs is incredible. Pure artistry.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/glamour-female-model-with-short-brown-hair-black-dress-posing-near-light-wall_613910-7036.jpg", imageAlt: "Marcus B." },
+              { id: "1", title: "Exceptional Service", quote: "The precision and care at Generation Nail is unmatched.", name: "Sarah J.", role: "Fashion Designer" },
+              { id: "2", title: "Professional Studio", quote: "Professional, elegant, and timely. Best studio in town by far.", name: "Elena T.", role: "Entrepreneur" },
             ]}
-            showRating={true}
-            animationType="slide-up"
             textboxLayout="default"
-            useInvertedBackground={false}
           />
         </div>
 
         <div id="faq" data-section="faq">
-          <FaqSplitText
-            sideTitle="Frequently Asked Questions"
-            buttons={[{ text: "Contact Studio", href: "#contact" }]}
-            buttonAnimation="slide-up"
-            faqsAnimation="slide-up"
-            textPosition="left"
-            useInvertedBackground={false}
+          <FaqSplitMedia
+            title="Frequently Asked Questions"
+            description="Everything you need to know about your next appointment."
             faqs={[
               { id: "1", title: "How do I book?", content: "Easily via our website or a quick call to our studio staff." },
-              { id: "2", title: "Do you offer repairs?", content: "Yes, we provide complimentary touch-ups within 48 hours of your service." },
-              { id: "3", title: "What materials are used?", content: "We source exclusively high-end, toxin-free, durable nail products." },
-              { id: "4", title: "Do you do custom art?", content: "Absolutely, our artists specialize in bespoke, hand-painted designs." },
-              { id: "5", title: "How long is a visit?", content: "Most standard services are completed within 60-90 minutes of precision care." },
+              { id: "2", title: "What materials are used?", content: "We source exclusively high-end, toxin-free, durable nail products." },
             ]}
+            faqsAnimation="slide-up"
+            textboxLayout="default"
           />
         </div>
 
         <div id="contact" data-section="contact">
-          <ContactCTA
+          <ContactCenter
             tag="Get in Touch"
-            tagIcon={Phone}
             title="Ready for Your Next Look?"
             description="Schedule your session today and discover what makes us the best in the industry."
-            buttons={[
-              { text: "Book Now", href: "#contact" },
-              { text: "Call (555) 789-0123", href: "tel:5557890123" },
-            ]}
-            background={{ variant: "sparkles-gradient" }}
-            useInvertedBackground={false}
           />
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterMedia
+          <FooterLogoReveal
             logoText="Generation Nail"
-            imageSrc="http://img.b2bpic.net/free-photo/close-up-flowers-mirror_23-2148879007.jpg"
-            imageAlt="Studio detail"
-            columns={[
-              { title: "Studio", items: [{ label: "Services", href: "#services" }, { label: "Artistry", href: "#services" }, { label: "Gallery", href: "#" }] },
-              { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
-              { title: "Connect", items: [{ label: "(555) 789-0123", href: "tel:5557890123" }, { label: "studio@gennail.com", href: "mailto:studio@gennail.com" }] },
-            ]}
-            copyrightText="© 2026 | Generation Nail"
+            leftLink={{ text: "Privacy Policy", href: "#" }}
+            rightLink={{ text: "Contact", href: "#contact" }}
           />
         </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file