Update src/app/styles/variables.css

Merge version_21 into main

src/app/page.tsx

@@ -11,7 +11,7 @@ import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSp
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
-import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
 import { Award, Smile, Users } from "lucide-react";
 
 export default function LandingPage() {
@@ -32,73 +32,28 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Home",
-          id: "#hero",
-        },
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Services",
-          id: "#services",
-        },
-        {
-          name: "Pricing",
-          id: "#pricing",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
+        { name: "Home", id: "#hero" },
+        { name: "About", id: "#about" },
+        { name: "Services", id: "#services" },
+        { name: "Pricing", id: "#pricing" },
+        { name: "Reviews", id: "#testimonials" },
+        { name: "Contact", id: "#contact" },
       ]}
       brandName="American Lawn & Garden"
+      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cg0UGKyps5DE1iSGYMVXf6a3y4/uploaded-1776817399317-vp6jerhx.jpg"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       title="Elevating Your Outdoor Living"
-      description="American Lawn and Garden LLC provides premium landscaping and garden maintenance for discerning homeowners. We turn your outdoor space into a lush sanctuary."
-      buttons={[
-        {
-          text: "View Services",
-          href: "#services",
-        },
-        {
-          text: "Contact Us",
-          href: "#contact",
-        },
-      ]}
+      description="American Lawn and Garden LLC provides premium landscaping and garden maintenance for discerning homeowners. We turn your outdoor space into a lush sanctuary. Located at 2014 S Hackberry St, San Antonio, TX 78210. Operating hours: Monday through Friday, 7am - 5pm."
+      buttons={[{ text: "View Services", href: "#services" }, { text: "Book a Free Consultation", href: "#contact" }]}
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/town-square-shenzhen_1359-1110.jpg",
-          imageAlt: "Landscape 1",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/male-gardener-harvesting-flower-with-secateurs_23-2148165189.jpg",
-          imageAlt: "Landscape 2",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-raking-outdoors_23-2149382185.jpg",
-          imageAlt: "Landscape 3",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-japanese-garden_23-2149359701.jpg",
-          imageAlt: "Landscape 4",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/street-texture-retro-tuscany-city_1203-5049.jpg",
-          imageAlt: "Landscape 5",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/view-robot-tending-maintaining-gardens_23-2151803951.jpg",
-          imageAlt: "Landscape 6",
-        },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cg0UGKyps5DE1iSGYMVXf6a3y4/uploaded-1776819230561-5rhhbgez.jpg", imageAlt: "Lush green garden landscape" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cg0UGKyps5DE1iSGYMVXf6a3y4/uploaded-1776819604524-0tq85kd0.jpg", imageAlt: "Lush landscaping work" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cg0UGKyps5DE1iSGYMVXf6a3y4/uploaded-1776819604524-fuaxtpp8.jpg", imageAlt: "Detailed gardening result" },
       ]}
     />
   </div>
@@ -107,19 +62,8 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={false}
       heading={[
-        {
-          type: "text",
-          content: "Mastering the Art of ",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/focused-man-wearing-apron-growing-plants-garden-cutting-branches-view-through-glasses-gardening-job-concept_74855-12791.jpg",
-          alt: "Garden detail",
-        },
-        {
-          type: "text",
-          content: " Landscaping",
-        },
+        { type: "text", content: "Mastering the Art of " },
+        { type: "text", content: " Landscaping" },
       ]}
     />
   </div>
@@ -130,33 +74,17 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
-          id: "s1",
-          title: "Lawn Care & Mowing",
-          tags: [
-            "Maintenance",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/worker-is-cutting-grass-with-hose_7502-9835.jpg",
-        },
-        {
-          id: "s2",
-          title: "Stone & Hardscape",
-          tags: [
-            "Design",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/stone-surface-with-grass_23-2147625863.jpg",
-        },
-        {
-          id: "s3",
-          title: "Irrigation Systems",
-          tags: [
-            "Tech",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-gardener-watering-succulent-plant_23-2147844312.jpg",
-        },
+        { id: "s1", title: "Lawn Care & Mowing", tags: ["Maintenance"] },
+        { id: "s2", title: "Stone & Hardscape", tags: ["Design"] },
+        { id: "s3", title: "Irrigation Systems", tags: ["Tech"] },
+        { id: "s4", title: "Tree Trimming/Removal", tags: ["Maintenance"] },
+        { id: "s5", title: "Fencing and Repair", tags: ["Construction"] },
+        { id: "s6", title: "Masonry Installation", tags: ["Hardscape"] },
+        { id: "s7", title: "Sprinkler Repair", tags: ["Tech"] },
+        { id: "s8", title: "Aeration & Composting", tags: ["Maintenance"] }
       ]}
       title="Professional Services"
-      description="Comprehensive landscape solutions tailored to your unique property requirements."
+      description="Comprehensive landscape solutions tailored to your unique property requirements. We are available Monday through Friday, 7am - 5pm."
     />
   </div>
 
@@ -167,27 +95,9 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "15+",
-          title: "Years Experience",
-          description: "Expertise you can trust",
-          icon: Award,
-        },
-        {
-          id: "m2",
-          value: "500+",
-          title: "Happy Clients",
-          description: "Restored outdoor beauty",
-          icon: Users,
-        },
-        {
-          id: "m3",
-          value: "99%",
-          title: "Satisfied Rate",
-          description: "Excellence every time",
-          icon: Smile,
-        },
+        { id: "m1", value: "10+", title: "Years Experience", description: "Expertise you can trust", icon: Award },
+        { id: "m2", value: "500+", title: "Happy Clients", description: "Restored outdoor beauty", icon: Users },
+        { id: "m3", value: "99%", title: "Satisfied Rate", description: "Excellence every time", icon: Smile },
       ]}
       title="Results Driven"
       description="Quality backed by numbers and years of excellence."
@@ -200,55 +110,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       plans={[
-        {
-          id: "basic",
-          tag: "Essentials",
-          price: "$150",
-          period: "/mo",
-          description: "Basic maintenance package.",
-          button: {
-            text: "Get Started",
-          },
-          featuresTitle: "Included",
-          features: [
-            "Mowing",
-            "Edging",
-            "Leaf Cleanup",
-          ],
-        },
-        {
-          id: "pro",
-          tag: "Popular",
-          price: "$300",
-          period: "/mo",
-          description: "Full service coverage.",
-          button: {
-            text: "Get Started",
-          },
-          featuresTitle: "Included",
-          features: [
-            "Mowing",
-            "Edging",
-            "Pruning",
-            "Fertilizing",
-          ],
-        },
-        {
-          id: "premium",
-          tag: "Ultimate",
-          price: "$500",
-          period: "/mo",
-          description: "Total landscape transformation.",
-          button: {
-            text: "Get Started",
-          },
-          featuresTitle: "Included",
-          features: [
-            "Everything in Pro",
-            "Irrigation Repair",
-            "Seasonal Planting",
-          ],
-        },
+        { id: "basic", tag: "Essentials", price: "$150", period: "/mo", description: "Basic maintenance package.", button: { text: "Get Started" }, featuresTitle: "Included", features: ["Mowing", "Edging", "Leaf Cleanup"] },
+        { id: "pro", tag: "Popular", price: "$300", period: "/mo", description: "Full service coverage.", button: { text: "Get Started" }, featuresTitle: "Included", features: ["Mowing", "Edging", "Pruning", "Fertilizing"] },
+        { id: "premium", tag: "Ultimate", price: "$500", period: "/mo", description: "Total landscape transformation.", button: { text: "Get Started" }, featuresTitle: "Included", features: ["Everything in Pro", "Irrigation Repair", "Seasonal Planting"] },
       ]}
       title="Tailored Plans"
       description="Choose a plan that fits your lawn's specific needs."
@@ -256,49 +120,23 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSix
-      animationType="slide-up"
+      <TestimonialCardTen
+      title="Client Feedback"
+      description="Real voices from our community regarding our landscaping services."
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          name: "Alice W.",
-          handle: "@aw",
-          testimonial: "My garden has never looked better. Highly professional team.",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-gardener-holding-handle_651396-1543.jpg",
-        },
-        {
-          id: "t2",
-          name: "Bob D.",
-          handle: "@bd",
-          testimonial: "Reliable and precise. The stone path work was amazing.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-couple-with-flower-pot_23-2148256669.jpg",
-        },
-        {
-          id: "t3",
-          name: "Charlie P.",
-          handle: "@cp",
-          testimonial: "Their lawn care is second to none. Absolutely recommended.",
-          imageSrc: "http://img.b2bpic.net/free-photo/senior-man-working-field-with-flowers_329181-12477.jpg",
-        },
-        {
-          id: "t4",
-          name: "Diana L.",
-          handle: "@dl",
-          testimonial: "Very communicative and efficient. My yard looks gorgeous.",
-          imageSrc: "http://img.b2bpic.net/free-photo/fumigation_23-2148013412.jpg",
-        },
-        {
-          id: "t5",
-          name: "Evan K.",
-          handle: "@ek",
-          testimonial: "A total transformation. I love spending time outdoors now.",
-          imageSrc: "http://img.b2bpic.net/free-photo/elderly-couple-enjoying-life-home-countryside-with-their-dog_23-2149511759.jpg",
-        },
+        { id: "t1", title: "Exceptional Service", quote: "The team at American Lawn and Garden is incredible! My backyard has never looked this vibrant.", name: "Lift Off", role: "Local Business Owner" },
+        { id: "t2", title: "Reliable and Pro", quote: "Professional, punctual, and very talented. Highly recommended for any lawn needs.", name: "Gloria Sitterle", role: "Homeowner" },
+        { id: "t3", title: "Fantastic Outcome", quote: "My garden feels like a resort. The attention to detail on the stone work is amazing.", name: "Dolores Salazar", role: "Landscape Enthusiast" },
+        { id: "t4", title: "Expert Care", quote: "They transformed my outdoor space into a beautiful sanctuary.", name: "Alejandra Dykes", role: "Satisfied Customer" },
+        { id: "t5", title: "Impressive Quality", quote: "Consistently great service on every visit.", name: "Shayne Tallant", role: "Loyal Client" },
+        { id: "t6", title: "Perfect Result", quote: "The best landscaping company in San Antonio!", name: "dalpaogro", role: "Homeowner" },
+        { id: "t7", title: "Very Impressed", quote: "Quick and efficient work, and a beautiful result.", name: "Maria Gonzalez", role: "Local Customer" },
+        { id: "t8", title: "Professionalism", quote: "Hard working and detail-oriented staff.", name: "Erin Duffin", role: "Property Owner" },
+        { id: "t9", title: "Exceeded Expectations", quote: "They handled everything from design to implementation perfectly.", name: "Lori W", role: "Satisfied Client" },
+        { id: "t10", title: "Top Tier", quote: "American Lawn and Garden is the only service I'll ever use.", name: "Erica R. Davison", role: "Happy Customer" }
       ]}
-      title="Client Success"
-      description="Hear what our clients have to say about their transformations."
     />
   </div>
 
@@ -307,21 +145,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "f1",
-          title: "How often do you mow?",
-          content: "Weekly or bi-weekly depending on growth.",
-        },
-        {
-          id: "f2",
-          title: "Do you offer cleanups?",
-          content: "Yes, spring and fall cleanups are available.",
-        },
-        {
-          id: "f3",
-          title: "Can I get a quote?",
-          content: "Yes, we provide free onsite estimates.",
-        },
+        { id: "f1", title: "How often do you mow?", content: "Weekly or bi-weekly depending on growth." },
+        { id: "f2", title: "Do you offer cleanups?", content: "Yes, spring and fall cleanups are available." },
+        { id: "f3", title: "What are your hours?", content: "We operate Monday through Friday from 7am to 5pm." },
       ]}
       title="FAQs"
       description="Common inquiries answered."
@@ -332,50 +158,19 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
+      background={{ variant: "sparkles-gradient" }}
       tag="Contact Us"
       title="Ready for a Garden Makeover?"
-      description="Reach out to us to schedule your free consultation today."
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "mailto:info@americanlawn.com",
-        },
-      ]}
+      description="Located at 2014 S Hackberry St, San Antonio, TX 78210. Reach out to us to schedule your free consultation today at 13467041501. Hours: Mon-Fri, 7am-5pm."
+      buttons={[{ text: "Contact Us", href: "mailto:info@americanlawn.com" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
-          title: "Explore",
-          items: [
-            {
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "About",
-              href: "#about",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "Privacy",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Explore", items: [{ label: "Services", href: "#services" }, { label: "About", href: "#about" }] },
+        { title: "Company", items: [{ label: "Contact", href: "#contact" }, { label: "Privacy", href: "#" }] },
       ]}
       logoText="American Lawn & Garden"
       copyrightText="© 2025 American Lawn & Garden LLC"

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fffefe;
-  --card: #f6f7f4;
-  --foreground: #080908;
-  --primary-cta: #0e3a29;
+  --background: #fafffb;
+  --card: #f7fffa;
+  --foreground: #001a0a;
+  --primary-cta: #0a7039;
   --primary-cta-text: #fffefe;
-  --secondary-cta: #e7eecd;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #080908;
-  --accent: #35c18b;
-  --background-accent: #ecebe4;
+  --accent: #a8d9be;
+  --background-accent: #6bbf8e;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);