From 0966a3cda8be0d8bd3ec72046fc2803de530ec49 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 18 May 2026 11:06:25 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 300 +++++++++++++++++++++++------------------------
 1 file changed, 150 insertions(+), 150 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index e571974..99bee57 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,165 +28,165 @@ export default function LandingPage() {
         headingFontWeight="light"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        { name: "Home", id: "hero" },
-        { name: "About", id: "about" },
-        { name: "Services", id: "services" },
-        { name: "Contact", id: "contact" },
-      ]}
-      brandName="ABJ Detailing"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingOverlay
+            navItems={[
+                { name: "Home", id: "hero" },
+                { name: "About", id: "about" },
+                { name: "Services", id: "services" },
+                { name: "Contact", id: "contact" },
+            ]}
+            brandName="ABJ Detailing"
+            />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroOverlayTestimonial
-      title="ABJ Car Detailing Islamabad"
-      description="Experience premium car care services in G-6 Markaz. From deep interior cleaning to precision polishing, we restore your vehicle to showroom quality."
-      testimonials={[
-        { name: "Ahmed Khan", handle: "@ahmedk", testimonial: "Best detailing service in Islamabad! My car looks brand new again.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-cleaning-repaired-car-tire-with-cloth-workshop_637285-7624.jpg", imageAlt: "luxury car detailing interior" },
-        { name: "Sara Ali", handle: "@saraa", testimonial: "Professional and thorough. Highly recommended for scratch removal.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-bicycle_23-2148138533.jpg", imageAlt: "luxury car detailing interior" },
-        { name: "Usman Malik", handle: "@usmanm", testimonial: "Great attention to detail and very polite staff.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/details-car-standing-car-showroom_1303-29468.jpg", imageAlt: "luxury car detailing interior" },
-        { name: "Zainab R.", handle: "@zainabr", testimonial: "My car's paint was dull, but they brought the shine back perfectly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-polish-salon-car-garage_1157-36594.jpg", imageAlt: "luxury car detailing interior" },
-        { name: "Omar F.", handle: "@omarf", testimonial: "Efficient service and excellent results every time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/professional-cleaning-car-wash-car-showroom_146671-18363.jpg", imageAlt: "luxury car detailing interior" },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/mid-adult-mechanic-cleaning-repaired-car-tire-with-cloth-workshop_637285-7624.jpg"
-      avatars={[
-        { src: "http://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212256.jpg", alt: "Luxury car interior details" },
-        { src: "http://img.b2bpic.net/free-photo/steering-wheel-buttons-modern-car-interior-driving-control-technology_169016-68501.jpg", alt: "Modern car dashboard technology" },
-        { src: "http://img.b2bpic.net/free-photo/black-interior-details-modern-luxury-car_181624-33049.jpg", alt: "Black luxury interior trim" },
-        { src: "http://img.b2bpic.net/free-photo/man-polishing-car-inside-car-service_1303-26882.jpg", alt: "Professional interior polish" },
-        { src: "http://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30586.jpg", alt: "Expert detailing brush use" },
-      ]}
-      avatarText="Trusted by over 1000+ car owners in Islamabad"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+            <HeroOverlayTestimonial
+            title="ABJ Car Detailing Islamabad"
+            description="Experience premium car care services in G-6 Markaz. From deep interior cleaning to precision polishing, we restore your vehicle to showroom quality."
+            testimonials={[
+                { name: "Ahmed Khan", handle: "@ahmedk", testimonial: "Best detailing service in Islamabad! My car looks brand new again.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-cleaning-repaired-car-tire-with-cloth-workshop_637285-7624.jpg", imageAlt: "luxury car detailing interior" },
+                { name: "Sara Ali", handle: "@saraa", testimonial: "Professional and thorough. Highly recommended for scratch removal.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-bicycle_23-2148138533.jpg", imageAlt: "luxury car detailing interior" },
+                { name: "Usman Malik", handle: "@usmanm", testimonial: "Great attention to detail and very polite staff.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/details-car-standing-car-showroom_1303-29468.jpg", imageAlt: "luxury car detailing interior" },
+                { name: "Zainab R.", handle: "@zainabr", testimonial: "My car's paint was dull, but they brought the shine back perfectly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-polish-salon-car-garage_1157-36594.jpg", imageAlt: "luxury car detailing interior" },
+                { name: "Omar F.", handle: "@omarf", testimonial: "Efficient service and excellent results every time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/professional-cleaning-car-wash-car-showroom_146671-18363.jpg", imageAlt: "luxury car detailing interior" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/mid-adult-mechanic-cleaning-repaired-car-tire-with-cloth-workshop_637285-7624.jpg"
+            avatars={[
+                { src: "http://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212256.jpg", alt: "Luxury car interior details" },
+                { src: "http://img.b2bpic.net/free-photo/steering-wheel-buttons-modern-car-interior-driving-control-technology_169016-68501.jpg", alt: "Modern car dashboard technology" },
+                { src: "http://img.b2bpic.net/free-photo/black-interior-details-modern-luxury-car_181624-33049.jpg", alt: "Black luxury interior trim" },
+                { src: "http://img.b2bpic.net/free-photo/man-polishing-car-inside-car-service_1303-26882.jpg", alt: "Professional interior polish" },
+                { src: "http://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30586.jpg", alt: "Expert detailing brush use" },
+            ]}
+            avatarText="Trusted by over 1000+ car owners in Islamabad"
+            />
+        </div>
 
-  <div id="about" data-section="about">
-      <TestimonialAboutCard
-      useInvertedBackground={false}
-      tag="Expert Auto Care"
-      title="Precision Detailing in the Heart of G-6"
-      description="At ABJ Detailing, we believe every car deserves a premium finish. Located in the bustling Melody Market area, we combine advanced cleaning techniques with passionate craftsmanship."
-      subdescription="Our team uses top-tier materials and machinery to ensure every service meets the highest standards of safety and aesthetic perfection."
-      imageSrc="http://img.b2bpic.net/free-photo/mechanic-repairing-bicycle_23-2148138533.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+            <TestimonialAboutCard
+            useInvertedBackground={false}
+            tag="Expert Auto Care"
+            title="Precision Detailing in the Heart of G-6"
+            description="At ABJ Detailing, we believe every car deserves a premium finish. Located in the bustling Melody Market area, we combine advanced cleaning techniques with passionate craftsmanship."
+            subdescription="Our team uses top-tier materials and machinery to ensure every service meets the highest standards of safety and aesthetic perfection."
+            imageSrc="http://img.b2bpic.net/free-photo/mechanic-repairing-bicycle_23-2148138533.jpg"
+            mediaAnimation="slide-up"
+            />
+        </div>
 
-  <div id="services" data-section="services">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="two-columns-alternating-heights"
-      useInvertedBackground={false}
-      products={[
-        { id: "1", name: "Premium Waxing", price: "From 5,000 PKR", imageSrc: "http://img.b2bpic.net/free-photo/details-car-standing-car-showroom_1303-29468.jpg" },
-        { id: "2", name: "Interior Deep Clean", price: "From 8,000 PKR", imageSrc: "http://img.b2bpic.net/free-photo/man-polish-salon-car-garage_1157-36594.jpg" },
-        { id: "3", name: "Scratch Removal", price: "From 6,000 PKR", imageSrc: "http://img.b2bpic.net/free-photo/professional-cleaning-car-wash-car-showroom_146671-18363.jpg" },
-        { id: "4", name: "Foam Wash & Polish", price: "From 3,500 PKR", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212193.jpg" },
-        { id: "5", name: "Headlight Restoration", price: "From 2,500 PKR", imageSrc: "http://img.b2bpic.net/free-photo/man-polish-car-garage_1157-26077.jpg" },
-        { id: "6", name: "Full Detailing Pack", price: "From 15,000 PKR", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193568.jpg" },
-      ]}
-      title="Our Professional Services"
-      description="Comprehensive auto care packages designed to rejuvenate and protect your vehicle."
-    />
-  </div>
+        <div id="services" data-section="services">
+            <ProductCardOne
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="two-columns-alternating-heights"
+            useInvertedBackground={false}
+            products={[
+                { id: "1", name: "Premium Waxing", price: "From 5,000 PKR", imageSrc: "http://img.b2bpic.net/free-photo/details-car-standing-car-showroom_1303-29468.jpg" },
+                { id: "2", name: "Interior Deep Clean", price: "From 8,000 PKR", imageSrc: "http://img.b2bpic.net/free-photo/man-polish-salon-car-garage_1157-36594.jpg" },
+                { id: "3", name: "Scratch Removal", price: "From 6,000 PKR", imageSrc: "http://img.b2bpic.net/free-photo/professional-cleaning-car-wash-car-showroom_146671-18363.jpg" },
+                { id: "4", name: "Foam Wash & Polish", price: "From 3,500 PKR", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212193.jpg" },
+                { id: "5", name: "Headlight Restoration", price: "From 2,500 PKR", imageSrc: "http://img.b2bpic.net/free-photo/man-polish-car-garage_1157-26077.jpg" },
+                { id: "6", name: "Full Detailing Pack", price: "From 15,000 PKR", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193568.jpg" },
+            ]}
+            title="Our Professional Services"
+            description="Comprehensive auto care packages designed to rejuvenate and protect your vehicle."
+            />
+        </div>
 
-  <div id="process" data-section="process">
-      <FeatureCardNine
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Exterior Foam",          description: "High-pressure foam wash removing dirt and debris.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/south-asian-man-indian-male-washing-his-white-transportation-car-wash_627829-4995.jpg" },
-          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/man-s-hand-is-cleaning-waxing-car_1150-6099.jpg" }
-        },
-        {
-          title: "Deep Vacuuming",          description: "Thorough interior extraction removing all dust.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/luxury-car-interior-steering-wheel-shift-lever-dashboard-computer_146671-14242.jpg" },
-          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/reflection-sky_181624-9195.jpg" }
-        },
-        {
-          title: "Paint Correction",          description: "Precision polishing and wax for a brilliant shine.",          phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/man-polish-car-garage_1157-36576.jpg" },
-          phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193621.jpg" }
-        },
-      ]}
-      showStepNumbers={true}
-      title="Our Detailing Workflow"
-      description="A step-by-step approach to ensuring your car receives complete care."
-    />
-  </div>
+        <div id="process" data-section="process">
+            <FeatureCardNine
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+                {
+                title: "Exterior Foam", description: "High-pressure foam wash removing dirt and debris.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/south-asian-man-indian-male-washing-his-white-transportation-car-wash_627829-4995.jpg" },
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/man-s-hand-is-cleaning-waxing-car_1150-6099.jpg" }
+                },
+                {
+                title: "Deep Vacuuming", description: "Thorough interior extraction removing all dust.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/luxury-car-interior-steering-wheel-shift-lever-dashboard-computer_146671-14242.jpg" },
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/reflection-sky_181624-9195.jpg" }
+                },
+                {
+                title: "Paint Correction", description: "Precision polishing and wax for a brilliant shine.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/man-polish-car-garage_1157-36576.jpg" },
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193621.jpg" }
+                },
+            ]}
+            showStepNumbers={true}
+            title="Our Detailing Workflow"
+            description="A step-by-step approach to ensuring your car receives complete care."
+            />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardEleven
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      metrics={[
-        { id: "m1", value: "185+", title: "Verified Reviews", description: "Highly satisfied customers.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-giving-high-five-his-business-partner_23-2148087309.jpg" },
-        { id: "m2", value: "4.9", title: "Star Rating", description: "Maintaining top-tier service quality.", imageSrc: "http://img.b2bpic.net/free-photo/black-mechanic-his-manager-working-touchpad-auto-repair-shop_637285-8672.jpg" },
-        { id: "m3", value: "1000+", title: "Cars Detailed", description: "Reliable experts in Islamabad.", imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22304.jpg" },
-      ]}
-      title="Why Clients Trust ABJ"
-      description="Proven results and consistent quality that keeps Islamabad driving clean."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+            <MetricCardEleven
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            metrics={[
+                { id: "m1", value: "185+", title: "Verified Reviews", description: "Highly satisfied customers.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-giving-high-five-his-business-partner_23-2148087309.jpg" },
+                { id: "m2", value: "4.9", title: "Star Rating", description: "Maintaining top-tier service quality.", imageSrc: "http://img.b2bpic.net/free-photo/black-mechanic-his-manager-working-touchpad-auto-repair-shop_637285-8672.jpg" },
+                { id: "m3", value: "1000+", title: "Cars Detailed", description: "Reliable experts in Islamabad.", imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22304.jpg" },
+            ]}
+            title="Why Clients Trust ABJ"
+            description="Proven results and consistent quality that keeps Islamabad driving clean."
+            />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSix
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        { id: "t1", name: "Ali Hassan", handle: "@alih", testimonial: "Incredible wax job. My car shines like it just left the showroom.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-woman-garden_329181-16531.jpg" },
-        { id: "t2", name: "Fatima Noor", handle: "@fatiman", testimonial: "The interior vacuuming is second to none. Very detailed work.", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-holding-each-other-s-hand_23-2147891266.jpg" },
-        { id: "t3", name: "Zaid Mahmood", handle: "@zaidm", testimonial: "Fast service, fair pricing, and expert polishing. Thank you!", imageSrc: "http://img.b2bpic.net/free-photo/modern-young-caucasian-brunette-woman-white-shirt-looks-camera-holds-smartphone-sitting-table-with-coffee_197531-33244.jpg" },
-        { id: "t4", name: "Hina Khan", handle: "@hinak", testimonial: "Professional team. My scratch marks are completely gone.", imageSrc: "http://img.b2bpic.net/free-photo/charismatic-man-holding-car-keys-showing-thumbs-up_158595-4217.jpg" },
-        { id: "t5", name: "Bilal Asif", handle: "@bilala", testimonial: "Consistently great experience every single time I visit.", imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-tattooed-man-portrait-close-up-romantic-guy-white-shirt-cap-suspenders-peaky-blinders-old-fashioned-retro_1321-2051.jpg" },
-      ]}
-      title="Voices of Our Community"
-      description="Hear what our Islamabad clients are saying about our service quality."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+            <TestimonialCardSix
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+                { id: "t1", name: "Ali Hassan", handle: "@alih", testimonial: "Incredible wax job. My car shines like it just left the showroom.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-woman-garden_329181-16531.jpg" },
+                { id: "t2", name: "Fatima Noor", handle: "@fatiman", testimonial: "The interior vacuuming is second to none. Very detailed work.", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-holding-each-other-s-hand_23-2147891266.jpg" },
+                { id: "t3", name: "Zaid Mahmood", handle: "@zaidm", testimonial: "Fast service, fair pricing, and expert polishing. Thank you!", imageSrc: "http://img.b2bpic.net/free-photo/modern-young-caucasian-brunette-woman-white-shirt-looks-camera-holds-smartphone-sitting-table-with-coffee_197531-33244.jpg" },
+                { id: "t4", name: "Hina Khan", handle: "@hinak", testimonial: "Professional team. My scratch marks are completely gone.", imageSrc: "http://img.b2bpic.net/free-photo/charismatic-man-holding-car-keys-showing-thumbs-up_158595-4217.jpg" },
+                { id: "t5", name: "Bilal Asif", handle: "@bilala", testimonial: "Consistently great experience every single time I visit.", imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-tattooed-man-portrait-close-up-romantic-guy-white-shirt-cap-suspenders-peaky-blinders-old-fashioned-retro_1321-2051.jpg" },
+            ]}
+            title="Voices of Our Community"
+            description="Hear what our Islamabad clients are saying about our service quality."
+            />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      faqs={[
-        { id: "f1", title: "How long does a detailing take?", content: "Typically 2-4 hours depending on the service level." },
-        { id: "f2", title: "Do I need an appointment?", content: "We recommend an appointment, but walk-ins are welcome if space is available." },
-        { id: "f3", title: "What payment methods do you accept?", content: "We accept cash and digital transfers." },
-      ]}
-      sideTitle="Frequently Asked Questions"
-      sideDescription="Everything you need to know about our detailing services."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+            <FaqSplitText
+            useInvertedBackground={false}
+            faqs={[
+                { id: "f1", title: "How long does a detailing take?", content: "Typically 2-4 hours depending on the service level." },
+                { id: "f2", title: "Do I need an appointment?", content: "We recommend an appointment, but walk-ins are welcome if space is available." },
+                { id: "f3", title: "What payment methods do you accept?", content: "We accept cash and digital transfers." },
+            ]}
+            sideTitle="Frequently Asked Questions"
+            sideDescription="Everything you need to know about our detailing services."
+            faqsAnimation="slide-up"
+            />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{ variant: "canvas-reveal" }}
-      tag="Visit Us Today"
-      title="Ready for a Showroom Finish?"
-      description="Find us at Melody Market, Civic Centre, G-6, Islamabad. Get in touch to schedule your next session."
-      buttonText="Book Appointment"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+            <ContactCenter
+            useInvertedBackground={false}
+            background={{ variant: "canvas-reveal" }}
+            tag="Visit Us Today"
+            title="Ready for a Showroom Finish?"
+            description="Find us at Melody Market, Civic Centre, G-6, Islamabad. Get in touch to schedule your next session."
+            buttonText="Book Appointment"
+            />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/closeup-inner-accessories-modern-car_181624-38142.jpg"
-      logoText="ABJ Detailing"
-      columns={[
-        { title: "Quick Links", items: [{ label: "Home", href: "#hero" }, { label: "Services", href: "#services" }, { label: "Contact", href: "#contact" }] },
-        { title: "Address", items: [{ label: "G-6 Markaz, Islamabad", href: "#" }, { label: "Pakistan", href: "#" }] },
-        { title: "Operating Hours", items: [{ label: "10:00 AM - 10:00 PM", href: "#" }] },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/closeup-inner-accessories-modern-car_181624-38142.jpg"
+            logoText="ABJ Detailing"
+            columns={[
+                { title: "Quick Links", items: [{ label: "Home", href: "#hero" }, { label: "Services", href: "#services" }, { label: "Contact", href: "#contact" }] },
+                { title: "Address", items: [{ label: "G-6 Markaz, Islamabad", href: "#" }, { label: "Pakistan", href: "#" }] },
+                { title: "Operating Hours", items: [{ label: "10:00 AM - 10:00 PM", href: "#" }] },
+            ]}
+            />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );