Update src/app/styles/variables.css

src/app/page.tsx

@@ -12,7 +12,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TeamCardSix from '@/components/sections/team/TeamCardSix';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
-import { Building, Car, CheckCircle, Clock, Key, ShieldCheck } from "lucide-react";
+import { Droplet, MapPin, CheckCircle, Clock, TreeDeciduous, Users } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -32,69 +32,35 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
+        { name: "Services", id: "#services" },
-          name: "Services",
+        { name: "About", id: "#about" },
-          id: "#services",
+        { name: "FAQ", id: "#faq" },
-        },
+        { name: "Contact", id: "#contact" },
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "FAQ",
-          id: "#faq",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
       ]}
-      brandName="Business Service Denver"
+      brandName="Elite Landscapes"
-      button={{
+      button={{ text: "Get Quote", href: "#contact" }}
-        text: "Call Now",
-        href: "tel:3035550100",
-      }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars",
+      title="Transforming Your Outdoor Living Spaces"
-      }}
+      description="Professional landscaping services in Denver. From custom garden design to complete lawn maintenance, we bring your vision to life with precision and care."
-      title="Premium Locksmith Services in Denver"
+      buttons={[{ text: "View Our Work", href: "#services" }]}
-      description="24/7 emergency response, residential, and commercial security solutions. Fast, reliable service you can trust."
+      imageSrc="http://img.b2bpic.net/free-photo/house-with-landscaped-garden_23-2148785055.jpg"
-      buttons={[
+      imageAlt="professional landscaping project"
-        {
-          text: "Request Service",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/portrait-modern-man-performing-housework-gentle-dreamy-atmosphere_23-2151469411.jpg"
-      imageAlt="professional locksmith tools background"
     />
   </div>
 
   <div id="about" data-section="about">
       <AboutMetric
       useInvertedBackground={false}
-      title="Why Choose Business Service Denver"
+      title="The Elite Landscapes Advantage"
       metrics={[
-        {
+        { icon: TreeDeciduous, label: "Gardens Created", value: "500+" },
-          icon: ShieldCheck,
+        { icon: Clock, label: "Years of Service", value: "12+" },
-          label: "Years Experience",
+        { icon: CheckCircle, label: "Client Satisfaction", value: "99%" },
-          value: "15+",
-        },
-        {
-          icon: Clock,
-          label: "Response Time",
-          value: "20min",
-        },
-        {
-          icon: CheckCircle,
-          label: "Jobs Completed",
-          value: "10k+",
-        },
       ]}
       metricsAnimation="slide-up"
     />
@@ -106,24 +72,12 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
+        { icon: TreeDeciduous, title: "Garden Design", description: "Tailored landscape architecture to enhance your property aesthetics." },
-          icon: Key,
+        { icon: Droplet, title: "Irrigation Systems", description: "Smart, water-efficient sprinkler systems for lush, healthy greenery." },
-          title: "Residential Lockout",
+        { icon: MapPin, title: "Hardscaping", description: "Beautiful patios, walkways, and retaining walls built to last." },
-          description: "Locked out of your home? We provide fast, damage-free entry.",
-        },
-        {
-          icon: Building,
-          title: "Commercial Security",
-          description: "Master key systems, high-security deadbolts, and access control for your business.",
-        },
-        {
-          icon: Car,
-          title: "Automotive Services",
-          description: "Key replacements and ignition repair for almost all makes and models.",
-        },
       ]}
-      title="Comprehensive Security Solutions"
+      title="Professional Landscaping Services"
-      description="Our experts provide professional security services to ensure your peace of mind."
+      description="Expert care for your outdoor property with a focus on sustainability and design excellence."
     />
   </div>
 
@@ -134,27 +88,12 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       members={[
-        {
+        { id: "t1", name: "Marcus V", role: "Lead Landscape Architect", imageSrc: "http://img.b2bpic.net/free-photo/professional-gardener-standing-garden_23-2148785088.jpg" },
-          id: "t1",
+        { id: "t2", name: "Elena G", role: "Horticulture Expert", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-gardener-holding-potted-plant_23-2148785077.jpg" },
-          name: "John Doe",
+        { id: "t3", name: "Sam R", role: "Hardscape Specialist", imageSrc: "http://img.b2bpic.net/free-photo/young-man-working-in-garden_23-2148785099.jpg" },
-          role: "Lead Locksmith",
-          imageSrc: "http://img.b2bpic.net/free-photo/friendly-entrepreneur-posing-modern-office_74855-3442.jpg",
-        },
-        {
-          id: "t2",
-          name: "Jane Smith",
-          role: "Security Consultant",
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg",
-        },
-        {
-          id: "t3",
-          name: "Robert Brown",
-          role: "Automotive Expert",
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13336.jpg",
-        },
       ]}
-      title="Our Expert Technicians"
+      title="Our Experienced Team"
-      description="Highly trained, background-checked professionals ready to help."
+      description="Passionate professionals dedicated to perfecting every leaf and stone."
     />
   </div>
 
@@ -164,50 +103,13 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "1", name: "Jessica P", handle: "@jessp", testimonial: "They completely transformed our backyard into a peaceful oasis.", rating: 5 },
-          id: "1",
+        { id: "2", name: "Mark T", handle: "@markt", testimonial: "Fantastic work on our retaining walls. Highly recommend.", rating: 5 },
-          name: "Sarah Miller",
+        { id: "3", name: "Sarah D", handle: "@sarahd", testimonial: "Professional, reliable, and thorough maintenance services.", rating: 5 },
-          handle: "@sarahm",
-          testimonial: "Incredible service! Arrived in record time.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-correcting-grammar-mistakes_23-2150171438.jpg",
-        },
-        {
-          id: "2",
-          name: "David King",
-          handle: "@dking",
-          testimonial: "Very professional and handled our office security perfectly.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/two-happy-male-female-business-people-showing-thumbs-up-outdoors_1262-12567.jpg",
-        },
-        {
-          id: "3",
-          name: "Emma Wilson",
-          handle: "@emmaw",
-          testimonial: "Fast, friendly, and very transparent pricing.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-indoors_23-2149315344.jpg",
-        },
-        {
-          id: "4",
-          name: "Alex Reed",
-          handle: "@alexr",
-          testimonial: "Best locksmith in Denver, bar none.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-black-jacket_176474-101946.jpg",
-        },
-        {
-          id: "5",
-          name: "Chris Taylor",
-          handle: "@ctaylor",
-          testimonial: "Extremely helpful after losing my car keys.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
-        },
       ]}
       showRating={true}
-      title="Client Success Stories"
+      title="What Our Clients Say"
-      description="Trusted by hundreds of homeowners and business owners across Denver."
+      description="Proven results for homeowners and local businesses across Denver."
     />
   </div>
 
@@ -215,17 +117,9 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={false}
-      names={[
+      names={["Denver City Parks", "Green Growth LLC", "Rocky Mountain Realty", "Summit Gardens", "Blue Spruce Estates"]}
-        "Denver Property Management",
+      title="Industry Partners"
-        "City Builders",
+      description="Trusted by the leading horticultural and real estate groups in the state."
-        "Peak Office Suites",
-        "Main Street Retail",
-        "Highland Logistics",
-        "Rocky Mountain Realty",
-        "Summit Tech",
-      ]}
-      title="Trusted Local Partnerships"
-      description="We are proud to serve some of the most prominent organizations in the region."
     />
   </div>
 
@@ -234,24 +128,12 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
+        { id: "f1", title: "Do you offer custom designs?", content: "Yes, we specialize in bespoke landscape planning and construction." },
-          id: "f1",
+        { id: "f2", title: "How is pricing structured?", content: "We provide transparent, fixed-price quotes after a site inspection." },
-          title: "How fast can you arrive?",
+        { id: "f3", title: "Do you provide ongoing care?", content: "We offer seasonal maintenance packages for all our completed projects." },
-          content: "We typically arrive within 20-30 minutes for emergency calls.",
-        },
-        {
-          id: "f2",
-          title: "Are you licensed and insured?",
-          content: "Yes, all our technicians are fully licensed, bonded, and insured.",
-        },
-        {
-          id: "f3",
-          title: "What payment methods do you accept?",
-          content: "We accept cash, credit cards, and business invoicing.",
-        },
       ]}
-      title="Frequently Asked Questions"
+      title="Common Questions"
-      description="Answers to common concerns about our professional locksmith services."
+      description="Everything you need to know about our premium landscaping process."
       faqsAnimation="slide-up"
     />
   </div>
@@ -259,51 +141,21 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain",
-      }}
       tag="Contact Us"
-      title="Need Urgent Assistance?"
+      title="Ready to Elevate Your Landscape?"
-      description="Our locksmith team is ready to help 24/7. Get in touch now."
+      description="Book a site consultation with our experts today and start your journey to a better yard."
-      buttonText="Get Help Now"
+      buttonText="Start My Project"
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/composition-fathers-day_23-2148101893.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/lush-green-garden-pathway_23-2148785121.jpg"
-      logoText="Business Service Denver"
+      logoText="Elite Landscapes"
       columns={[
-        {
+        { title: "Navigation", items: [{ label: "Services", href: "#services" }, { label: "About", href: "#about" }, { label: "FAQ", href: "#faq" }] },
-          title: "Navigation",
+        { title: "Contact", items: [{ label: "Denver, CO", href: "#" }, { label: "(303) 555-0199", href: "tel:3035550199" }] },
-          items: [
-            {
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "Denver, CO",
-              href: "#",
-            },
-            {
-              label: "303-555-0100",
-              href: "tel:3035550100",
-            },
-          ],
-        },
       ]}
     />
   </div>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f5f5;
+  --background: #fafffb;
-  --card: #ffffff;
+  --card: #f7fffa;
-  --foreground: #1c1c1c;
+  --foreground: #001a0a;
-  --primary-cta: #1f3251;
+  --primary-cta: #0a7039;
   --primary-cta-text: #f5f5f5;
   --secondary-cta: #ffffff;
   --secondary-cta-text: #1c1c1c;
-  --accent: #15479c;
+  --accent: #a8d9be;
-  --background-accent: #a8cce8;
+  --background-accent: #6bbf8e;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);