Update src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -12,7 +12,7 @@ import TestimonialCardTwelve from "@/components/sections/testimonial/Testimonial
 import FaqDouble from "@/components/sections/faq/FaqDouble";
 import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
-import { Flame, Target, ShieldCheck } from "lucide-react";
+import { Flame, Target, ShieldCheck, Zap, Droplets, BookOpen, Layers } from "lucide-react";
 
 export default function LandscapingPage() {
   return (
@@ -31,7 +31,7 @@ export default function LandscapingPage() {
       <ReactLenis root>
         <div id="nav" data-section="nav">
           <NavbarStyleFullscreen
-            brandName="ONYX & RED"
+            brandName="HIGH CLASS AUTO REPAIR SERVICE"
             navItems={[
               { name: "Services", id: "services" },
               { name: "Approach", id: "about" },
@@ -53,7 +53,7 @@ export default function LandscapingPage() {
               { text: "View Our Work", href: "#services" },
               { text: "Request Strategy", href: "#contact" },
             ]}
-            imageSrc="http://img.b2bpic.net/free-photo/new-year-chinese-2021-minimalist-flower-design_23-2148763908.jpg"
+            imageSrc="https://img.freepik.com/free-photo/sports-car-driving-asphalt-road_114579-4015.jpg?t=st=1715878400~exp=1715882000~hmac=9e1e2d3b4c5d6e7f8a9b0c1d2e3f4a5b6c7d8e9f0a1b2c3d4e5f6a7b8c9d0e1f"
             testimonials={[
               {
                 name: "Marcus V.",                handle: "Architect",                testimonial: "The way they integrated dark basalt into the landscape with bold red floral highlights is truly architectural genius.",                rating: 5,
@@ -81,24 +81,25 @@ export default function LandscapingPage() {
 
         <div id="services" data-section="services">
           <FeatureCardNineteen
-            tag="Core Specializations"
-            title="Design Disciplines"
-            description="Our workflow follows a strict, high-precision methodology for custom exterior installations."
+            tag="Advanced Capabilities"
+            title="Expansive Design Services"
+            description="From foundational masonry to avant-garde botanical curation, we execute every detail with uncompromising intensity."
             textboxLayout="default"
             useInvertedBackground={true}
             features={[
-              {
-                tag: "Structural",                title: "Basalt Hardscapes",                subtitle: "Precision Stonework",                description: "Deep charcoal and black granite pathways that define clean, modern edges.",                imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-11771.jpg"
-              },
-              {
-                tag: "Botanical",                title: "Crimson Flora",                subtitle: "Bold Contrast",                description: "Expert selection of red-leaf foliage and blooming specimens for high-impact visual depth.",                imageSrc: "http://img.b2bpic.net/free-photo/beautiful-colorful-autumn-leaves_1232-2275.jpg"
-              },
-              {
-                tag: "Light",                title: "Shadow & Depth",                subtitle: "Contrast Lighting",                description: "Strategic accent lighting that emphasizes the architectural lines of your landscape after dark.",                imageSrc: "http://img.b2bpic.net/free-photo/outside-view-restaurant-cottage-night-time_140725-8844.jpg"
-              },
-              {
-                tag: "Water",                title: "Mirror Pools",                subtitle: "Reflective Elements",                description: "Installation of dark-bottomed water features that create glass-like reflections in your garden.",                imageSrc: "http://img.b2bpic.net/free-photo/blue-swimming-pool-water-texture-with-palm-leaf-sunny-day_53876-145004.jpg"
-              },
+              { tag: "Diagnosis", title: "Check engine light", subtitle: "Precision scanning", description: "Advanced diagnostic systems to pinpoint issues quickly.", imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-11771.jpg?_wi=1" },
+              { tag: "Diagnosis", title: "Engine oil light diagnosis", subtitle: "Safety analysis", description: "Ensuring your engine oil health and pressure systems are optimal.", imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-11771.jpg?_wi=2" },
+              { tag: "Diagnosis", title: "Auto general diagnosis", subtitle: "Full-system check", description: "Comprehensive evaluation of all mechanical components.", imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-11771.jpg?_wi=3" },
+              { tag: "Diagnosis", title: "Auto noise diagnosis", subtitle: "Acoustic testing", description: "Identifying the root cause of irregular mechanical sounds.", imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-11771.jpg?_wi=4" },
+              { tag: "Diagnosis", title: "Auto no-start diagnosis", subtitle: "Ignition testing", description: "Determining why your vehicle fails to engage or start.", imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-11771.jpg?_wi=5" },
+              { tag: "Diagnosis", title: "Auto vibration diagnosis", subtitle: "Stability analysis", description: "Correcting alignment and structural vibration issues.", imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-11771.jpg?_wi=6" },
+              { tag: "Service", title: "Auto diagnosis or inspection", subtitle: "Standard health check", description: "Routine technical inspections for total vehicle reliability.", imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-11771.jpg?_wi=7" },
+              { tag: "Service", title: "Auto maintenance", subtitle: "Preventative care", description: "Systematic upkeep to maximize the longevity of your machine.", imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-11771.jpg?_wi=8" },
+              { tag: "Service", title: "Oil changes", subtitle: "Engine health", description: "High-performance oil changes for smooth engine operation.", imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-11771.jpg?_wi=9" },
+              { tag: "Repair", title: "Auto repairs", subtitle: "Expert mechanics", description: "Professional solutions for all major mechanical breakdowns.", imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-11771.jpg?_wi=10" },
+              { tag: "Repair", title: "Auto battery or electrical system repair", subtitle: "Power solutions", description: "Fixing shorts, battery failures, and electrical system faults.", imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-11771.jpg?_wi=11" },
+              { tag: "Repair", title: "Auto wheel and tire repair", subtitle: "Road stability", description: "Professional wheel alignment and tire damage restoration.", imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-11771.jpg?_wi=12" },
+              { tag: "Inspection", title: "Transmission leak inspection", subtitle: "Fluid safety", description: "Detecting and sealing leaks to protect your transmission.", imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-11771.jpg?_wi=13" }
             ]}
           />
         </div>
@@ -109,6 +110,8 @@ export default function LandscapingPage() {
             description="Why high-end developers trust our vision."
             gridVariant="uniform-all-items-equal"
             animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
             members={[
               { id: "1", name: "Architectural Rigor", role: "We treat every yard as a foundational piece of your home's identity.", imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-developing-drafts_23-2147785510.jpg" },
               { id: "2", name: "Dark Palette Mastery", role: "Expertise in working with shadows, dark minerals, and high-contrast plants.", imageSrc: "http://img.b2bpic.net/free-photo/bluming-red-fall-chrysanthemum-abstract-texture_158595-7136.jpg" },
@@ -124,6 +127,8 @@ export default function LandscapingPage() {
             description="Meet the visionaries behind our dark-palette approach."
             gridVariant="uniform-all-items-equal"
             animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
             members={[
               { id: "1", name: "Julian Vane", role: "Principal Architect", imageSrc: "http://img.b2bpic.net/free-photo/young-japanese-man-spending-time-outdoors-alone_23-2149010112.jpg" },
               { id: "2", name: "Serafina Rossi", role: "Flora Specialist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-gardener-man-with-long-hair-holding-flowers_23-2148435643.jpg" },
@@ -152,6 +157,8 @@ export default function LandscapingPage() {
             title="Our Workflow"
             description="Common inquiries regarding our design and build process."
             faqsAnimation="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
             faqs={[
               { id: "1", title: "How do you handle color selection?", content: "We focus on high-contrast palettes, utilizing deep grays and blacks with targeted, bold red accents." },
               { id: "2", title: "Is maintenance difficult?", content: "We build for durability and longevity. Our landscapes are designed to require minimal intervention after establishment." },
@@ -187,4 +194,4 @@ export default function LandscapingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f7f9f4;
-  --card: #ffffff;
-  --foreground: #1a2e1a;
-  --primary-cta: #2d5a27;
+  --background: #000000;
+  --card: #1a1a1a;
+  --foreground: #ffffff;
+  --primary-cta: #e63946;
   --primary-cta-text: #ffffff;
   --secondary-cta: #ffffff;
   --secondary-cta-text: #2d5a27;
-  --accent: #4a8c3f;
-  --background-accent: #6fb85e;
+  --accent: #e63946;
+  --background-accent: #1a1a1a;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);