Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -10,7 +10,8 @@ import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTe
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import { Award, Car, MapPin, ShieldCheck, Target, Trophy } from "lucide-react";
+import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import { Award, Car, MapPin, ShieldCheck, Trophy, Target } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -33,7 +34,7 @@ export default function LandingPage() {
               { name: "Home", id: "hero" },
               { name: "Services", id: "services" },
               { name: "Gallery", id: "gallery" },
-              { name: "Soon to Come", id: "soon-to-come" },
+              { name: "Reviews", id: "reviews" },
               { name: "Contact", id: "contact" },
             ]}
             brandName="Jasper's wash lab"
@@ -46,23 +47,10 @@ export default function LandingPage() {
             background={{ variant: "gradient-bars" }}
             title="Professional Car Care in Prosper, TX."
             description="High-quality mobile detailing that brings the showroom shine back to your driveway. Managed with the discipline of an athlete and the eye of a professional."
-            testimonials={[
-              { name: "Michael S.", handle: "@prosper_resident", testimonial: "Jasper is incredibly professional and punctual. He treated my SUV like it was his own.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22299.jpg?_wi=1", imageAlt: "luxury car detailing mobile service" },
-              { name: "Sarah L.", handle: "@local_client", testimonial: "It's rare to see a young entrepreneur with this much attention to detail.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193587.jpg?_wi=1", imageAlt: "luxury car detailing mobile service" },
-              { name: "David K.", handle: "@happy_customer", testimonial: "The best detailing service in Prosper. My car hasn't looked this good since it left the lot.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-spraying-powder-paint_23-2149714339.jpg?_wi=1", imageAlt: "luxury car detailing mobile service" },
-              { name: "Jessica M.", handle: "@loyal_fan", testimonial: "Punctual, efficient, and thorough. Highly recommended!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/car-wheel-with-new-tires-close-up_1303-31692.jpg?_wi=1", imageAlt: "luxury car detailing mobile service" },
-              { name: "Brian P.", handle: "@daily_driver", testimonial: "Professional results every time. Jasper is my go-to guy for all my detailing needs.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/upbeat-young-woman-celebrating-winning-triumphing-sitting-street-bench-laughing-holding_1258-206035.jpg?_wi=1", imageAlt: "luxury car detailing mobile service" }
-            ]}
+            testimonials={[]}
             buttons={[{ text: "Get a Free Quote", href: "#contact" }]}
             imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cj9467erUouycv8NdtCMhMDRzY/uploaded-1776888161723-8183uire.jpg"
             imageAlt="Professional car detailing service"
-            avatars={[
-              { src: "http://img.b2bpic.net/free-photo/portrait-cheerful-european-woman-green-jacket-touching-her-hair-blur-background-photo-fashionable-girl-with-beautiful-brown-hair-smiling-camera_291650-2183.jpg", alt: "Satisfied client 1" },
-              { src: "http://img.b2bpic.net/free-photo/woman-posing-outdoors-while-holding-shopping-bags_23-2148673232.jpg", alt: "Satisfied client 2" },
-              { src: "http://img.b2bpic.net/free-photo/man-sitting-near-house-looking-camera_259150-59313.jpg", alt: "Satisfied client 3" },
-              { src: "http://img.b2bpic.net/free-photo/person-doing-house-tour-online_23-2151050266.jpg", alt: "Satisfied client 4" },
-              { src: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-holding-her-her_23-2148631401.jpg", alt: "Satisfied client 5" },
-            ]}
             avatarText="Trusted by 100+ Prosper residents"
             marqueeItems={[
               { type: "text", text: "Premium Paint Correction" },
@@ -90,11 +78,11 @@ export default function LandingPage() {
         <div id="services" data-section="services">
           <PricingCardNine
             animationType="slide-up"
-            textboxLayout="default"
+            textboxLayout="split"
             useInvertedBackground={false}
             plans={[
               { id: "full-detail", title: "Full Detail Package", price: "$175", period: "Best Value", features: ["Hand wash & dry", "Clay bar treatment", "Wax/sealant", "Steam interior clean", "Leather conditioning"], button: { text: "Book Now", href: "#contact" }, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cj9467erUouycv8NdtCMhMDRzY/uploaded-1776888222083-ma95l4o6.jpg" },
-              { id: "interior-clean", title: "Interior Deep Clean", price: "$100", period: "Focused Clean", features: ["Stain removal", "Upholstery shampoo", "Odor elimination", "Crevice dusting", "Glass cleaning"], button: { text: "Book Now", href: "#contact" }, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cj9467erUouycv8NdtCMhMDRzY/uploaded-1776888261135-kpgfotbc.webp" },
+              { id: "interior-clean", title: "Interior Deep Clean", price: "$100", period: "Focused Clean", features: ["Stain removal", "Upholstery shampoo", "Odor elimination", "Crevice dusting", "Glass cleaning"], button: { text: "Book Now", href: "#contact" }, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cj9467erUthcv8NdtCMhMDRzY/uploaded-1776888261135-kpgfotbc.webp" },
               { id: "express-wash", title: "Express Wash & Shine", price: "$60", period: "Maintenance", features: ["Exterior hand wash", "Wheel cleaning", "Windows", "Light interior vacuum"], button: { text: "Book Now", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193587.jpg?_wi=2" }
             ]}
             title="Premium Services & Pricing"
@@ -121,6 +109,17 @@ export default function LandingPage() {
           />
         </div>
 
+        <div id="reviews" data-section="reviews">
+          <TestimonialCardSix
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Reviews Soon To Come"
+            description="Real feedback from our satisfied clients will appear here soon."
+            testimonials={[]}
+          />
+        </div>
+
         <div id="why-choose" data-section="why-choose">
           <FeatureCardTwentyFive
             animationType="slide-up"
@@ -129,7 +128,7 @@ export default function LandingPage() {
             title="The Jasper's Precision Difference"
             description="Combining discipline, convenience, and professional expertise."
             features={[
-              { title: "Student-Athlete Discipline", description: "Bringing focus to your car.", icon: Trophy, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-valet-doing-his-job_23-2150274629.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/man-wrapping-car-with-blue-cover-medium-shot_23-2149385699.jpg" }] },
+              { title: "Student-Athlete Discipline", description: "Bringing focus to your car.", icon: Trophy, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-valet-doing-his-job_23-2150274629.jpg" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cj9467erUouycv8NdtCMhMDRzY/uploaded-1776889155403-9q1ilnj5.webp" }] },
               { title: "Mobile Service", description: "I come to you anywhere in Prosper.", icon: Car, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/car-wheel-with-new-tires-close-up_1303-31994.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/male-hand-with-foam-sponge-washing-car_1157-36587.jpg" }] },
               { title: "Professional Training", description: "Standards refined at Longo Toyota.", icon: ShieldCheck, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/interior-modern-red-luxury-sport-car_181624-25467.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/man-s-hand-is-cleaning-waxing-car_1150-6113.jpg" }] },
             ]}
@@ -148,7 +147,7 @@ export default function LandingPage() {
 
         <div id="footer" data-section="footer">
           <FooterLogoEmphasis
-            logoText="Jasper's Precision Detailing"
+            logoText="Jasper's wash lab"
             columns={[
               { items: [{ label: "Home", href: "#hero" }, { label: "Services", href: "#services" }, { label: "Gallery", href: "#gallery" }] },
               { items: [{ label: "Call: 949-220-3459", href: "tel:9492203459" }, { label: "Email Jasper", href: "mailto:jasper.wallet.17@gmail.com" }] },
@@ -159,4 +158,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
-  --card: #1a1a1a;
-  --foreground: #f0f8ffe6;
-  --primary-cta: #cee7ff;
-  --primary-cta-text: #0a0a0a;
-  --secondary-cta: #1a1a1a;
-  --secondary-cta-text: #f0f8ffe6;
-  --accent: #737373;
-  --background-accent: #737373;
+  --background: #000802;
+  --card: #0b1a0b;
+  --foreground: #e6ffe6;
+  --primary-cta: #80da9b;
+  --primary-cta-text: #000802;
+  --secondary-cta: #07170b;
+  --secondary-cta-text: #e6ffe6;
+  --accent: #38714a;
+  --background-accent: #2c6541;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);