feat: remove solid background from mobile navbar

Merge version_19_1778233736268 into main

src/components/ui/NavbarCentered.tsx

@@ -93,7 +93,7 @@ const NavbarCentered = ({ logo, navItems, ctaButton }: NavbarCenteredProps) => {
           <div
             ref={menuRef}
             
-            className="md:hidden fixed z-1000 top-3 left-3 right-3 p-6 rounded-lg card"
+            className="md:hidden fixed z-1000 top-3 left-3 right-3 p-6 rounded-lg bg-background/80 backdrop-blur-sm"
           >
             <div className="flex items-center justify-between mb-6">
               <p className="text-xl text-foreground">Menu</p>

src/pages/HomePage.tsx

@@ -2,7 +2,7 @@ import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
 import ContactCta from '@/components/sections/contact/ContactCta';
 import FeaturesRevealCards from '@/components/sections/features/FeaturesRevealCards';
 import HeroOverlay from '@/components/sections/hero/HeroOverlay';
-import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
+import MetricsGradientCards from '@/components/sections/metrics/MetricsGradientCards';
 import FeaturesDetailedSteps from '@/components/sections/features/FeaturesDetailedSteps';
 import TestimonialTrustCard from '@/components/sections/testimonial/TestimonialTrustCard';
 import { Leaf, ShieldCheck, Sparkles } from "lucide-react";
@@ -98,7 +98,7 @@ export default function HomePage() {
             title: "Consultation",
             subtitle: "Understanding Your Vision",
             description: "We start with a thorough consultation to understand your needs, preferences, and the unique characteristics of your property. This allows us to create a tailored plan that aligns with your goals and budget.",
-            imageSrc: "http://img.b2bpic.net/free-photo/gardener-taking-care-plants_23-2147656313.jpg",
+            imageSrc: "https://images.unsplash.com/photo-1585345322958-15e8342b6c49?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
           },
           {
             tag: "Step 2",
@@ -126,37 +126,25 @@ export default function HomePage() {
     </div>
 
   <div id="metrics" data-section="metrics">
-      <MetricsFeatureCards
+      <MetricsGradientCards
       tag="Our Impact"
       title="Proven Excellence in Landscaping"
       description="Our commitment to quality and customer satisfaction is reflected in our achievements and long-lasting client relationships."
       metrics={[
         {
           value: "15+",
-          title: "Years of Experience",
-          features: [
-            "Local industry leaders",
-            "Skilled & certified team",
-            "Reliable service delivery",
-          ],
+          label: "Years of Experience",
+          description: "Local industry leaders, skilled & certified team, reliable service delivery.",
         },
         {
           value: "500+",
-          title: "Projects Completed",
-          features: [
-            "Residential & commercial",
-            "Diverse design styles",
-            "On-time & on-budget",
-          ],
+          label: "Projects Completed",
+          description: "Residential & commercial, diverse design styles, on-time & on-budget.",
         },
         {
           value: "98%",
-          title: "Customer Satisfaction",
-          features: [
-            "Glowing testimonials",
-            "Repeat clientele",
-            "Dedicated support",
-          ],
+          label: "Customer Satisfaction",
+          description: "Glowing testimonials, repeat clientele, and dedicated support.",
         },
       ]}
     />