Switch to version 2: modified src/app/styles/variables.css

Merge version_2 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import { Shield, MessageCircle, Award, Hammer } from 'lucide-react';
+import { Shield, MessageCircle, Award, Hammer, Calculator, PackageSearch } from 'lucide-react';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
 import FooterCard from '@/components/sections/footer/FooterCard';
@@ -45,7 +45,7 @@ export default function LandingPage() {
       <HeroBillboard
       background={{ variant: "sparkles-gradient" }}
       title="Roof Problems? We Handle Everything — From Inspection to Insurance Approval."
-      description="Trusted across the Carolinas for stress-free roofing, expert insurance handling, and flawless results."
+      description="Trusted across the Carolinas for stress-free roofing, expert insurance handling, and flawless results. Integrated shipping calculations and real-time project tracking now available."
       buttons={[
         { text: "Get a Free Roof Inspection", href: "/contact" },
         { text: "Check Insurance Eligibility", href: "/insurance" },
@@ -62,8 +62,8 @@ export default function LandingPage() {
       marqueeItems={[
         { type: "text", text: "5-Star Google Rating" },
         { type: "text", text: "Certified Roofing Specialists" },
-        { type: "text", text: "Licensed & Insured" },
-        { type: "text", text: "Serving The Carolinas" },
+        { type: "text", text: "Real-time Tracking" },
+        { type: "text", text: "Shipping Calculator Ready" },
         { type: "text", text: "Insurance Claim Experts" },
       ]}
     />
@@ -74,13 +74,13 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       features={[
+        { title: "Shipping Cost Calculator", description: "Instantly estimate your project material shipping costs with our new integrated tool.", buttonIcon: Calculator },
+        { title: "Real-Time Tracking", description: "Follow your roof installation progress and delivery schedule live from any device.", buttonIcon: PackageSearch },
         { title: "Insurance Claim Experts", description: "We succeed where others fail — helping homeowners get approved and covered.", buttonIcon: Shield, imageSrc: "http://img.b2bpic.net/free-vector/shield-love-silhouette-logo_361591-2147.jpg?_wi=1", imageAlt: "insurance shield icon minimalist" },
-        { title: "Exceptional Communication", description: "You’re never left guessing. We guide you step-by-step through the process.", buttonIcon: MessageCircle, imageSrc: "http://img.b2bpic.net/free-photo/exterior-home_74190-4300.jpg?_wi=2", imageAlt: "insurance shield icon minimalist" },
-        { title: "Honest, Fair Pricing", description: "Transparent recommendations — no upsells, no pressure, just the truth.", buttonIcon: Award, imageSrc: "http://img.b2bpic.net/free-photo/speech-bubble-cut-out-icon_53876-71319.jpg?_wi=1", imageAlt: "insurance shield icon minimalist" },
         { title: "Elite Workmanship", description: "We treat every home like our own, ensuring top-tier installation.", buttonIcon: Hammer, imageSrc: "http://img.b2bpic.net/free-vector/background-with-advocacy-elements_23-2147814115.jpg?_wi=1", imageAlt: "insurance shield icon minimalist" },
       ]}
-      title="Why Homeowners Choose Roofing The Carolinas"
-      description="We combine expertise with a human touch, ensuring your project is handled with precision."
+      title="Advanced Tools for Your Home Project"
+      description="We’ve integrated new smart tools to ensure transparency and cost-efficiency for every homeowner."
     />
   </div>
 
@@ -170,4 +170,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #F7FAFC;
-  --card: #FFFFFF;
-  --foreground: #0B1F3A;
-  --primary-cta: #C9A96E;
+  --background: #000000;
+  --card: #0c0c0c;
+  --foreground: #ffffff;
+  --primary-cta: #106EFB;
   --primary-cta-text: #0B1F3A;
-  --secondary-cta: #0B1F3A;
+  --secondary-cta: #000000;
   --secondary-cta-text: #F7FAFC;
-  --accent: #4A5568;
-  --background-accent: #E2E8F0;
+  --accent: #535353;
+  --background-accent: #106EFB;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);