Update src/app/styles/variables.css

src/app/page.tsx

@@ -21,7 +21,7 @@ export default function LandingPage() {
         borderRadius="pill"
         contentWidth="mediumLarge"
         sizing="mediumLargeSizeLargeTitles"
-        background="noiseDiagonalGradient"
+        background="none"
         cardStyle="glass-depth"
         primaryButtonStyle="primary-glow"
         secondaryButtonStyle="solid"
@@ -32,23 +32,15 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Services",
+          name: "Services",          id: "services"},
-          id: "services",
-        },
         {
-          name: "Trust",
+          name: "Trust",          id: "trust"},
-          id: "trust",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="LA Restorations"
       button={{
-        text: "Call Now",
+        text: "Call Now",        href: "tel:5550102"}}
-        href: "tel:5550102",
-      }}
     />
   </div>
 
@@ -58,70 +50,38 @@ export default function LandingPage() {
       description="24/7 Rapid Emergency Response. Trusted by thousands of homeowners and businesses across LA for professional, certified water extraction and mold remediation."
       testimonials={[
         {
-          name: "Mark R.",
+          name: "Mark R.",          handle: "@LAHomeowner",          testimonial: "They arrived within 30 minutes. Saved my entire kitchen floor after the pipe burst.",          rating: 5,
-          handle: "@LAHomeowner",
+          imageSrc: "http://img.b2bpic.net/free-photo/crazy-dealer-happy-expression_1194-4001.jpg"},
-          testimonial: "They arrived within 30 minutes. Saved my entire kitchen floor after the pipe burst.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/crazy-dealer-happy-expression_1194-4001.jpg",
-        },
         {
-          name: "Elena S.",
+          name: "Elena S.",          handle: "@LocalBusiness",          testimonial: "The best restoration company I've ever worked with. Truly professional and fast.",          rating: 5,
-          handle: "@LocalBusiness",
+          imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15675.jpg"},
-          testimonial: "The best restoration company I've ever worked with. Truly professional and fast.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15675.jpg",
-        },
         {
-          name: "David W.",
+          name: "David W.",          handle: "@PropertyInvestor",          testimonial: "Reliable, certified, and communicative. Fixed the mold issue efficiently.",          rating: 5,
-          handle: "@PropertyInvestor",
+          imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-senior-content-business-leader_1262-1728.jpg"},
-          testimonial: "Reliable, certified, and communicative. Fixed the mold issue efficiently.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-senior-content-business-leader_1262-1728.jpg",
-        },
         {
-          name: "Sarah K.",
+          name: "Sarah K.",          handle: "@FamilyHome",          testimonial: "So thankful for the quick response. They handled insurance directly too.",          rating: 5,
-          handle: "@FamilyHome",
+          imageSrc: "http://img.b2bpic.net/free-photo/colleagues-work-eating-pizza_23-2148894069.jpg"},
-          testimonial: "So thankful for the quick response. They handled insurance directly too.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/colleagues-work-eating-pizza_23-2148894069.jpg",
-        },
         {
-          name: "James B.",
+          name: "James B.",          handle: "@LAEstateOwner",          testimonial: "Top tier service. Everything returned to normal in record time.",          rating: 5,
-          handle: "@LAEstateOwner",
+          imageSrc: "http://img.b2bpic.net/free-photo/businessmen-forging-new-alliances_482257-78587.jpg"},
-          testimonial: "Top tier service. Everything returned to normal in record time.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/businessmen-forging-new-alliances_482257-78587.jpg",
-        },
       ]}
       buttons={[
         {
-          text: "Get Emergency Help",
+          text: "Get Emergency Help",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-abandoned-messy-warehouse_181624-23141.jpg"
       imageAlt="water damage restoration professional home"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746289.jpg",
+          src: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746289.jpg",          alt: "Side view man working as plumber"},
-          alt: "Side view man working as plumber",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/crazy-dealer-happy-expression_1194-3989.jpg",
+          src: "http://img.b2bpic.net/free-photo/crazy-dealer-happy-expression_1194-3989.jpg",          alt: "crazy dealer happy expression"},
-          alt: "crazy dealer happy expression",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990738.jpg",
+          src: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990738.jpg",          alt: "Female plumber working to fix problems at client's house"},
-          alt: "Female plumber working to fix problems at client's house",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/young-handsome-businessman-writing-paper-pinned-corkboard-talking-phone-smiling_176420-6478.jpg",
+          src: "http://img.b2bpic.net/free-photo/young-handsome-businessman-writing-paper-pinned-corkboard-talking-phone-smiling_176420-6478.jpg",          alt: "Young handsome businessman writing at the paper pinned to corkboard, talking on  phone smiling."},
-          alt: "Young handsome businessman writing at the paper pinned to corkboard, talking on  phone smiling.",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/couple-handling-carpet-together-their-new-home_23-2149086839.jpg",
+          src: "http://img.b2bpic.net/free-photo/couple-handling-carpet-together-their-new-home_23-2149086839.jpg",          alt: "Couple handling a carpet together in their new home"},
-          alt: "Couple handling a carpet together in their new home",
-        },
       ]}
     />
   </div>
@@ -131,14 +91,9 @@ export default function LandingPage() {
       useInvertedBackground={false}
       heading={[
         {
-          type: "text",
+          type: "text",          content: "Restoring Peace of Mind "},
-          content: "Restoring Peace of Mind ",
-        },
         {
-          type: "image",
+          type: "image",          src: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-safety-helmet-holding-hammer-hand-looking-confident_141793-28535.jpg",          alt: "restoration worker modern kitchen"},
-          src: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-safety-helmet-holding-hammer-hand-looking-confident_141793-28535.jpg",
-          alt: "restoration worker modern kitchen",
-        },
       ]}
     />
   </div>
@@ -150,32 +105,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          id: "f1",
+          id: "f1",          title: "24/7 Water Extraction",          tags: [
-          title: "24/7 Water Extraction",
+            "Emergency",            "Rapid"],
-          tags: [
+          imageSrc: "http://img.b2bpic.net/free-photo/water-pump-pressure-switch-pump-controller-automatically-flow-electronic-switch_627829-7487.jpg"},
-            "Emergency",
-            "Rapid",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/water-pump-pressure-switch-pump-controller-automatically-flow-electronic-switch_627829-7487.jpg",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Mold Remediation",          tags: [
-          title: "Mold Remediation",
+            "Health",            "Safety"],
-          tags: [
+          imageSrc: "http://img.b2bpic.net/free-photo/people-age-job-occupation-concept_343059-3496.jpg"},
-            "Health",
-            "Safety",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/people-age-job-occupation-concept_343059-3496.jpg",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Structural Drying",          tags: [
-          title: "Structural Drying",
+            "Precision",            "Restoration"],
-          tags: [
+          imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150358948.jpg"},
-            "Precision",
-            "Restoration",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150358948.jpg",
-        },
       ]}
       title="Comprehensive Restoration Services"
       description="Professional care for every water emergency scenario."
@@ -189,22 +129,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          title: "Response Time (Min)",          value: "30",          icon: Clock,
-          title: "Response Time (Min)",
-          value: "30",
-          icon: Clock,
         },
         {
-          id: "m2",
+          id: "m2",          title: "Projects Completed",          value: "5000+",          icon: CheckCircle,
-          title: "Projects Completed",
-          value: "5000+",
-          icon: CheckCircle,
         },
         {
-          id: "m3",
+          id: "m3",          title: "Customer Satisfaction",          value: "99%",          icon: Star,
-          title: "Customer Satisfaction",
-          value: "99%",
-          icon: Star,
         },
       ]}
       title="Why Choose LA Restorations"
@@ -220,25 +151,15 @@ export default function LandingPage() {
       author="Mark R."
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
+          src: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",          alt: "executive portrait office background"},
-          alt: "executive portrait office background",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15605.jpg",
+          src: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15605.jpg",          alt: "home owner smile living room"},
-          alt: "home owner smile living room",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/lower-angle-portrait-young-strong-man-with-muscles-tries-close-his-suitcase-full-clothes-pressing-bag-with-effort_1258-314717.jpg",
+          src: "http://img.b2bpic.net/free-photo/lower-angle-portrait-young-strong-man-with-muscles-tries-close-his-suitcase-full-clothes-pressing-bag-with-effort_1258-314717.jpg",          alt: "senior professional man portrait"},
-          alt: "senior professional man portrait",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/young-cute-family-repairs-room_1157-24897.jpg",
+          src: "http://img.b2bpic.net/free-photo/young-cute-family-repairs-room_1157-24897.jpg",          alt: "couple portrait modern apartment"},
-          alt: "couple portrait modern apartment",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg",
+          src: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg",          alt: "real estate professional portrait"},
-          alt: "real estate professional portrait",
-        },
       ]}
       ratingAnimation="slide-up"
       avatarsAnimation="blur-reveal"
@@ -251,20 +172,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
+          id: "q1",          title: "How fast can you arrive?",          content: "We offer 24/7 rapid response, typically within 30-60 minutes."},
-          title: "How fast can you arrive?",
-          content: "We offer 24/7 rapid response, typically within 30-60 minutes.",
-        },
         {
-          id: "q2",
+          id: "q2",          title: "Do you work with insurance?",          content: "Yes, we handle insurance communication directly to save you time and hassle."},
-          title: "Do you work with insurance?",
-          content: "Yes, we handle insurance communication directly to save you time and hassle.",
-        },
         {
-          id: "q3",
+          id: "q3",          title: "Is mold remediation included?",          content: "Yes, we are certified in comprehensive mold remediation services."},
-          title: "Is mold remediation included?",
-          content: "Yes, we are certified in comprehensive mold remediation services.",
-        },
       ]}
       title="Common Questions"
       description="Fast answers for urgent situations."
@@ -279,22 +191,14 @@ export default function LandingPage() {
       description="Call us now or send a message for immediate assistance."
       inputs={[
         {
-          name: "name",
+          name: "name",          type: "text",          placeholder: "Full Name",          required: true,
-          type: "text",
-          placeholder: "Full Name",
-          required: true,
         },
         {
-          name: "phone",
+          name: "phone",          type: "tel",          placeholder: "Phone Number",          required: true,
-          type: "tel",
-          placeholder: "Phone Number",
-          required: true,
         },
       ]}
       textarea={{
-        name: "message",
+        name: "message",        placeholder: "Describe your situation...",        rows: 4,
-        placeholder: "Describe your situation...",
-        rows: 4,
         required: true,
       }}
       imageSrc="http://img.b2bpic.net/free-vector/smart-home-management_23-2148629240.jpg"
@@ -308,14 +212,10 @@ export default function LandingPage() {
       socialLinks={[
         {
           icon: Twitter,
-          href: "#",
+          href: "#",          ariaLabel: "Twitter"},
-          ariaLabel: "Twitter",
-        },
         {
           icon: Instagram,
-          href: "#",
+          href: "#",          ariaLabel: "Instagram"},
-          ariaLabel: "Instagram",
-        },
       ]}
     />
   </div>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
+  --background: #ffffff;
-  --card: #1a1a1a;
+  --card: #f9f9f9;
-  --foreground: #ffffff;
+  --foreground: #000612;
-  --primary-cta: #1f7cff;
+  --primary-cta: #15479c;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #010101;
+  --secondary-cta: #f9f9f9;
   --secondary-cta-text: #ffffff;
-  --accent: #1f7cff;
+  --accent: #e2e2e2;
-  --background-accent: #f96b2f;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);