From ef38a6c28840485d070337e447f0c3d4146393f6 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 15 Apr 2026 19:01:45 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 163 ++++++++++++++---------------------------------
 1 file changed, 49 insertions(+), 114 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5dc2c28..7bdf7a7 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -8,10 +8,9 @@ import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
-import { Droplets, Shield, Sparkles, Wrench, Vacuum, Spray } from "lucide-react";
+import { Droplets, Shield, Sparkles, Wrench, Eraser, SprayCan } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -31,16 +30,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "Services",          id: "services"},
-        {
-          name: "Gallery",          id: "gallery"},
-        {
-          name: "Pricing",          id: "pricing"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "Home", id: "hero" },
+        { name: "Services", id: "services" },
+        { name: "Gallery", id: "gallery" },
+        { name: "Pricing", id: "pricing" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="TopNotch Detailing"
     />
@@ -48,29 +42,20 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
-      background={{
-        variant: "gradient-bars"}}
+      background={{ variant: "gradient-bars" }}
       title="We Bring Your Car Back to Life — Right at Your Doorstep"
       description="Premium mobile detailing serving Melissa & surrounding areas. 5-star rated with 54+ happy customers."
       buttons={[
-        {
-          text: "Book Your Detail Now",          href: "#contact"},
-        {
-          text: "Call Now: (903) 912-1685",          href: "tel:9039121685"},
+        { text: "Book Your Detail Now", href: "#contact" },
+        { text: "Call Now: (903) 912-1685", href: "tel:9039121685" },
       ]}
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193572.jpg",          imageAlt: "Freshly detailed luxury car exterior"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/black-interior-car-center-control-space_53876-96704.jpg",          imageAlt: "Spotless car interior detail"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/male-mechanic-working-shop-car_23-2150170061.jpg",          imageAlt: "Professional engine bay detail"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22303.jpg",          imageAlt: "High-end exterior car detail"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/luggage-seen-from-rear-car-window_23-2150934350.jpg",          imageAlt: "Clean leather seat detail"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-working-car-repair-shop_23-2150367551.jpg",          imageAlt: "Polished automotive engine"},
+        { imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193572.jpg", imageAlt: "Freshly detailed luxury car exterior" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/black-interior-car-center-control-space_53876-96704.jpg", imageAlt: "Spotless car interior detail" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/male-mechanic-working-shop-car_23-2150170061.jpg", imageAlt: "Professional engine bay detail" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22303.jpg", imageAlt: "High-end exterior car detail" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/luggage-seen-from-rear-car-window_23-2150934350.jpg", imageAlt: "Clean leather seat detail" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-working-car-repair-shop_23-2150367551.jpg", imageAlt: "Polished automotive engine" }
       ]}
       mediaAnimation="slide-up"
     />
@@ -84,41 +69,26 @@ export default function LandingPage() {
       features={[
         {
           title: "Exterior Wash",          description: "Deep clean, shine, and protection for your vehicle’s exterior.",          items: [
-            {
-              icon: Droplets,
-              text: "Pressure wash"},
-            {
-              icon: Sparkles,
-              text: "Hand polish"},
+            { icon: Droplets, text: "Pressure wash" },
+            { icon: Sparkles, text: "Hand polish" },
           ],
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2787.jpg",            imageAlt: "Exterior wash"},
+          media: { imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2787.jpg", imageAlt: "Exterior wash" },
           reverse: false
         },
         {
           title: "Interior Detailing",          description: "Full interior reset — carpets, seats, dashboard, and more.",          items: [
-            {
-              icon: Vacuum,
-              text: "Deep vacuum"},
-            {
-              icon: Spray,
-              text: "Surface cleanup"},
+            { icon: Eraser, text: "Deep vacuum" },
+            { icon: SprayCan, text: "Surface cleanup" },
           ],
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/driver-view-car-interior-hand-steering-wheel-speed-motion_169016-68523.jpg",            imageAlt: "Interior detailing"},
+          media: { imageSrc: "http://img.b2bpic.net/free-photo/driver-view-car-interior-hand-steering-wheel-speed-motion_169016-68523.jpg", imageAlt: "Interior detailing" },
           reverse: true
         },
         {
           title: "Engine Detailing",          description: "Safe and professional engine bay cleaning.",          items: [
-            {
-              icon: Wrench,
-              text: "Degreasing"},
-            {
-              icon: Shield,
-              text: "Protection"},
+            { icon: Wrench, text: "Degreasing" },
+            { icon: Shield, text: "Protection" },
           ],
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/man-tries-repair-broken-car_661209-359.jpg",            imageAlt: "Engine detailing"},
+          media: { imageSrc: "http://img.b2bpic.net/free-photo/man-tries-repair-broken-car_661209-359.jpg", imageAlt: "Engine detailing" },
           reverse: false
         },
       ]}
@@ -134,18 +104,12 @@ export default function LandingPage() {
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={true}
       products={[
-        {
-          id: "1",          name: "Exterior Refresh",          price: "Transformation",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-vertical-shot-old-car-front-side_181624-25330.jpg"},
-        {
-          id: "2",          name: "Interior Detail",          price: "Showroom Finish",          imageSrc: "http://img.b2bpic.net/free-photo/automobile-details-close-up-new-car_1303-26492.jpg"},
-        {
-          id: "3",          name: "Engine Restoration",          price: "Spotless Detail",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-s-hands-tighten-piston-cylinder-by-wrench_651396-1337.jpg"},
-        {
-          id: "4",          name: "Ceramic Coating",          price: "High Gloss",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212218.jpg"},
-        {
-          id: "5",          name: "Wax Finish",          price: "Reflective Shine",          imageSrc: "http://img.b2bpic.net/free-photo/luggage-seen-from-rear-car-window_23-2150934327.jpg"},
-        {
-          id: "6",          name: "Deep Interior",          price: "Full Reset",          imageSrc: "http://img.b2bpic.net/free-photo/man-karting-circuit-with-car_1157-25242.jpg"},
+        { id: "1", name: "Exterior Refresh", price: "Transformation", imageSrc: "http://img.b2bpic.net/free-photo/closeup-vertical-shot-old-car-front-side_181624-25330.jpg" },
+        { id: "2", name: "Interior Detail", price: "Showroom Finish", imageSrc: "http://img.b2bpic.net/free-photo/automobile-details-close-up-new-car_1303-26492.jpg" },
+        { id: "3", name: "Engine Restoration", price: "Spotless Detail", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-s-hands-tighten-piston-cylinder-by-wrench_651396-1337.jpg" },
+        { id: "4", name: "Ceramic Coating", price: "High Gloss", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212218.jpg" },
+        { id: "5", name: "Wax Finish", price: "Reflective Shine", imageSrc: "http://img.b2bpic.net/free-photo/luggage-seen-from-rear-car-window_23-2150934327.jpg" },
+        { id: "6", name: "Deep Interior", price: "Full Reset", imageSrc: "http://img.b2bpic.net/free-photo/man-karting-circuit-with-car_1157-25242.jpg" },
       ]}
       title="Before & After Results"
       description="Real results from real customers in your area. See the transformation for yourself."
@@ -159,21 +123,11 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",          name: "Sarah Johnson",          role: "CEO",          company: "TechCorp",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153828.jpg"},
-        {
-          id: "2",          name: "Michael Chen",          role: "CTO",          company: "InnovateLab",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg"},
-        {
-          id: "3",          name: "Emily Rodriguez",          role: "Marketing Director",          company: "GrowthCo",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-with-beard-smiling-camera-generated-by-ai_188544-33152.jpg"},
-        {
-          id: "4",          name: "David Kim",          role: "Product Manager",          company: "StartupXYZ",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-work_23-2149097925.jpg"},
-        {
-          id: "5",          name: "Jane Doe",          role: "Manager",          company: "LocalShop",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-handsome-redhead-model-man-flannel-shirt-gray-background_613910-19110.jpg"},
+        { id: "1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153828.jpg" },
+        { id: "2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg" },
+        { id: "3", name: "Emily Rodriguez", role: "Marketing Director", company: "GrowthCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-with-beard-smiling-camera-generated-by-ai_188544-33152.jpg" },
+        { id: "4", name: "David Kim", role: "Product Manager", company: "StartupXYZ", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-work_23-2149097925.jpg" },
+        { id: "5", name: "Jane Doe", role: "Manager", company: "LocalShop", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-handsome-redhead-model-man-flannel-shirt-gray-background_613910-19110.jpg" },
       ]}
       title="What Our Clients Say"
       description="Join 50+ happy customers who trust TopNotch with their vehicles."
@@ -186,12 +140,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       metrics={[
-        {
-          id: "m1",          value: "5+",          title: "Years Experience",          description: "Professional detailing expertise.",          imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22308.jpg"},
-        {
-          id: "m2",          value: "50+",          title: "Happy Customers",          description: "Trusted by our local community.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-closing-car-after-using-lock-controls-panel-unlock-it_482257-118072.jpg"},
-        {
-          id: "m3",          value: "5.0",          title: "Star Reputation",          description: "Consistently rated top-tier.",          imageSrc: "http://img.b2bpic.net/free-photo/professional-car-mechanic-repair-shop-fixing-car_342744-266.jpg"},
+        { id: "m1", value: "5+", title: "Years Experience", description: "Professional detailing expertise.", imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22308.jpg" },
+        { id: "m2", value: "50+", title: "Happy Customers", description: "Trusted by our local community.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-closing-car-after-using-lock-controls-panel-unlock-it_482257-118072.jpg" },
+        { id: "m3", value: "5.0", title: "Star Reputation", description: "Consistently rated top-tier.", imageSrc: "http://img.b2bpic.net/free-photo/professional-car-mechanic-repair-shop-fixing-car_342744-266.jpg" },
       ]}
       title="Why Choose TopNotch"
       description="We don't just wash cars; we revitalize them."
@@ -204,18 +155,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       plans={[
-        {
-          id: "p1",          badge: "Value",          price: "$99",          subtitle: "Basic Detail",          features: [
-            "Exterior wash",            "Interior vacuum",            "Window clean"],
-        },
-        {
-          id: "p2",          badge: "Popular",          price: "$199",          subtitle: "Premium Detail",          features: [
-            "Full interior deep clean",            "Exterior wax protection",            "Dashboard treatment"],
-        },
-        {
-          id: "p3",          badge: "Pro",          price: "$349",          subtitle: "Ultimate Detail",          features: [
-            "Full detail",            "Ceramic coating",            "Engine bay wash"],
-        },
+        { id: "p1", badge: "Value", price: "$99", subtitle: "Basic Detail", features: ["Exterior wash", "Interior vacuum", "Window clean"] },
+        { id: "p2", badge: "Popular", price: "$199", subtitle: "Premium Detail", features: ["Full interior deep clean", "Exterior wax protection", "Dashboard treatment"] },
+        { id: "p3", badge: "Pro", price: "$349", subtitle: "Ultimate Detail", features: ["Full detail", "Ceramic coating", "Engine bay wash"] },
       ]}
       title="Detailing Packages"
       description="Choose the perfect package for your vehicle's condition and your goals."
@@ -225,8 +167,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={true}
-      background={{
-        variant: "gradient-bars"}}
+      background={{ variant: "gradient-bars" }}
       tag="Booking"
       title="Schedule Your Detail"
       description="Ready to make your car look brand new? Request your appointment today. Limited daily appointments available."
@@ -238,22 +179,16 @@ export default function LandingPage() {
       columns={[
         {
           title: "Company",          items: [
-            {
-              label: "About Us",              href: "#why-choose-us"},
-            {
-              label: "Pricing",              href: "#pricing"},
-            {
-              label: "Contact",              href: "#contact"},
+            { label: "About Us", href: "#why-choose-us" },
+            { label: "Pricing", href: "#pricing" },
+            { label: "Contact", href: "#contact" },
           ],
         },
         {
           title: "Services",          items: [
-            {
-              label: "Exterior Detail",              href: "#services"},
-            {
-              label: "Interior Detail",              href: "#services"},
-            {
-              label: "Engine Bay",              href: "#services"},
+            { label: "Exterior Detail", href: "#services" },
+            { label: "Interior Detail", href: "#services" },
+            { label: "Engine Bay", href: "#services" },
           ],
         },
       ]}
@@ -264,4 +199,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1