Update src/app/styles/variables.css

Merge version_4 into main

src/app/page.tsx

@@ -5,13 +5,13 @@ import ReactLenis from "lenis/react";
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import { Award, Building2, CheckCircle, Clock, Shield, ShieldCheck, Star } from "lucide-react";
+import { Award, Building2, Clock, Shield, Star } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -31,22 +31,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",
-          id: "#hero",
-        },
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Services",
-          id: "#features",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
+        { name: "Home", id: "#hero" },
+        { name: "About", id: "#about" },
+        { name: "Services", id: "#features" },
+        { name: "Contact", id: "#contact" },
       ]}
       brandName="Adair Electrics"
     />
@@ -55,108 +43,20 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardTestimonial
       useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Adair Electrics: Powering Your World"
-      description="Premium electrical solutions for residential and commercial projects. Reliable, safe, and expert craftsmanship delivered with professional precision."
+      background={{ variant: "gradient-bars" }}
+      title="Adair Electrics: 24/7 Professional Service"
+      description="Based in Rushey Green, London SE6 2AB, Adair Electrics provides reliable, friendly, and professional electrical services around the clock."
       testimonials={[
-        {
-          name: "Mark D.",
-          handle: "@markd",
-          testimonial: "Exceptional service, timely completion, and very clean work.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/helpdesk-support-information-support-concept_53876-121537.jpg",
-        },
-        {
-          name: "Sarah W.",
-          handle: "@sarahw",
-          testimonial: "Adair Electrics handled our commercial facility flawlessly.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/jolly-staff-members-pitching-investment-strategy-manager_482257-123599.jpg",
-        },
-        {
-          name: "James L.",
-          handle: "@jamesl",
-          testimonial: "The best electrical contractor in the city, period.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-people-looking-picture-album_23-2149515313.jpg",
-        },
-        {
-          name: "Emma C.",
-          handle: "@emmac",
-          testimonial: "Trustworthy, knowledgeable, and reliable team.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/feedback-comment-survey-support-response-bar-word_53876-127367.jpg",
-        },
-        {
-          name: "Robert B.",
-          handle: "@robertb",
-          testimonial: "Professional standards were top notch throughout.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-using-electrical-connection-cable_169016-52837.jpg",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Get a Quote",
-          href: "#contact",
-        },
-        {
-          text: "Our Services",
-          href: "#features",
-        },
+        { name: "Mark D.", handle: "@markd", testimonial: "Professional and highly reliable service!", rating: 5 },
+        { name: "Sarah W.", handle: "@sarahw", testimonial: "Friendly team that fixed our issues quickly.", rating: 5 },
+        { name: "James L.", handle: "@jamesl", testimonial: "Exceptional quality, they really care about their work.", rating: 5 },
       ]}
+      buttons={[{ text: "Call 07402 431125", href: "tel:07402431125" }, { text: "Our Services", href: "#features" }]}
       imageSrc="http://img.b2bpic.net/free-photo/electrician-working-switchboard-with-electrical-connection-cable-copy-space_169016-52810.jpg"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1648.jpg",
-          alt: "Client profile 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/you-are-special-rare-unique-different_53876-133683.jpg",
-          alt: "Client profile 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/two-happy-male-female-business-people-showing-thumbs-up-outdoors_1262-12567.jpg",
-          alt: "Client profile 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-holding-t-letter_1149-1947.jpg",
-          alt: "Client profile 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/side-view-plus-size-people-working-construction_23-2150772854.jpg",
-          alt: "Client profile 5",
-        },
-      ]}
-      avatarText="Trusted by 2,000+ satisfied clients"
       marqueeItems={[
-        {
-          type: "text-icon",
-          text: "Safety Certified",
-          icon: ShieldCheck,
-        },
-        {
-          type: "text-icon",
-          text: "24/7 Availability",
-          icon: Clock,
-        },
-        {
-          type: "text-icon",
-          text: "Licensed Professionals",
-          icon: Award,
-        },
-        {
-          type: "text-icon",
-          text: "Commercial & Residential",
-          icon: Building2,
-        },
-        {
-          type: "text-icon",
-          text: "Top-Rated Service",
-          icon: Star,
-        },
+        { type: "text-icon", text: "24/7 Availability", icon: Clock },
+        { type: "text-icon", text: "Rushey Green, London", icon: Building2 },
+        { type: "text-icon", text: "Reliable & Friendly", icon: Star },
       ]}
     />
   </div>
@@ -164,22 +64,9 @@ export default function LandingPage() {
   <div id="about" data-section="about">
       <MetricSplitMediaAbout
       useInvertedBackground={false}
-      title="Decades of Excellence"
-      description="Adair Electrics has built a reputation for excellence. We prioritize safety, efficiency, and long-term quality in every wire we pull."
-      metrics={[
-        {
-          value: "15+",
-          title: "Years Experience",
-        },
-        {
-          value: "2000+",
-          title: "Projects Completed",
-        },
-        {
-          value: "100%",
-          title: "Safety Standards",
-        },
-      ]}
+      title="About Adair Electrics"
+      description="We are a local electrical contractor serving London from our base at Rushey Green. Whether it's an emergency repair or a planned upgrade, our certified team is dedicated to professional, friendly service 24 hours a day."
+      metrics={[{ value: "24/7", title: "Availability" }, { value: "London", title: "Service Area" }, { value: "Expert", title: "Technicians" }]}
       imageSrc="http://img.b2bpic.net/free-photo/invalid-disabled-handicapped-businessman-sitting-wheelchair-working-computer-with-financial-statistics-answering-phone_482257-2222.jpg"
       mediaAnimation="slide-up"
       metricsAnimation="blur-reveal"
@@ -192,39 +79,12 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
-          id: "1",
-          label: "Residential",
-          title: "Home Wiring & Lighting",
-          items: [
-            "Wiring upgrades",
-            "LED installation",
-            "Panel maintenance",
-          ],
-        },
-        {
-          id: "2",
-          label: "Commercial",
-          title: "Commercial Projects",
-          items: [
-            "Office lighting design",
-            "Data cabling",
-            "Safety auditing",
-          ],
-        },
-        {
-          id: "3",
-          label: "Safety",
-          title: "Maintenance & Repair",
-          items: [
-            "Troubleshooting",
-            "System safety check",
-            "Emergency repairs",
-          ],
-        },
+        { id: "1", label: "Residential", title: "Home Electrical", items: ["Full rewiring", "Lighting design", "Safety checks"] },
+        { id: "2", label: "Emergency", title: "24/7 Callout", items: ["Rapid response", "Fault finding", "Emergency repairs"] },
+        { id: "3", label: "Quality", title: "Trusted Service", items: ["Reliable team", "Professional standards", "Customer focused"] },
       ]}
-      title="Comprehensive Electrical Solutions"
-      description="We offer a wide range of services to cover all your electrical needs from start to finish."
+      title="Why Choose Adair Electrics?"
+      description="Professional, reliable, and friendly electrical services tailored to your needs in London."
     />
   </div>
 
@@ -234,60 +94,24 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          icon: CheckCircle,
-          title: "On-Time Completion",
-          value: "99%",
-        },
-        {
-          id: "m2",
-          icon: Award,
-          title: "Licensed Experts",
-          value: "100%",
-        },
-        {
-          id: "m3",
-          icon: Shield,
-          title: "Client Retention",
-          value: "95%",
-        },
+        { id: "m1", icon: Clock, title: "Emergency Support", value: "24/7" },
+        { id: "m2", icon: Award, title: "Reliable Service", value: "High" },
+        { id: "m3", icon: Shield, title: "Safety Standards", value: "100%" },
       ]}
-      title="Our Impact"
-      description="Measured by quality, verified by clients."
+      title="Our Commitment"
+      description="Serving the London area with dedication and precision."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardFifteen
       useInvertedBackground={false}
-      testimonial="Working with Adair Electrics was seamless. They understood our complex site needs instantly."
+      testimonial="Extremely professional and friendly. They solved our electrical issue at 2 AM with a smile. Highly recommended!"
       rating={5}
-      author="Jonathan P."
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-hr-manager-congratulating-with-getting-job_1262-19403.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-businessman-having-conversation-with-his-partner-workplace_23-2147899787.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiling-carefree-brunette-woman-sitting-couch-living-room-online-shopping_1258-201984.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-architect-writing-clipboard-outdoors_23-2148203949.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/orange-hat-cute-young-guy-orange-tshirt-with-hat-pointing-with-finger-smile-his-face_140725-163626.jpg",
-          alt: "Client 5",
-        },
-      ]}
+      author="Satisfied Local Customer"
       ratingAnimation="blur-reveal"
       avatarsAnimation="slide-up"
+      avatars={[{ src: "https://avatar.vercel.sh/1", alt: "Customer" }, { src: "https://avatar.vercel.sh/2", alt: "Customer" }]}
     />
   </div>
 
@@ -296,26 +120,14 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",
-          title: "Do you offer emergency repairs?",
-          content: "Yes, we provide 24/7 support for critical issues.",
-        },
-        {
-          id: "q2",
-          title: "Are you fully licensed?",
-          content: "Yes, all our electricians are fully certified and insured.",
-        },
-        {
-          id: "q3",
-          title: "Do you provide free quotes?",
-          content: "Absolutely, we provide detailed quotes for all projects.",
-        },
+        { id: "q1", title: "Are you available 24 hours?", content: "Yes, we operate 24/7 for all emergencies." },
+        { id: "q2", title: "Where are you based?", content: "Our office is in Rushey Green, London SE6 2AB." },
+        { id: "q3", title: "How can I reach you?", content: "Call us anytime at 07402 431125." },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/cheerful-call-center-onboarding-specialist-training-worker_482257-125802.jpg"
       mediaAnimation="slide-up"
       title="Frequently Asked Questions"
-      description="Have questions? We're here to help."
+      description="Got questions? Here is the information you need."
       faqsAnimation="blur-reveal"
     />
   </div>
@@ -323,53 +135,23 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Contact Us"
-      title="Ready to Start Your Project?"
-      description="Submit your request and our team will get back to you within 24 hours."
+      tag="Contact"
+      title="Need Assistance?"
+      description="Call us today at 07402 431125 or leave a message for a quick callback."
       imageSrc="http://img.b2bpic.net/free-photo/young-man-t-shirt-jacket-hat-holding-mobile-phone-looking-confused_176474-31128.jpg"
       mediaAnimation="slide-up"
+      background={{ variant: "gradient-bars" }}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#features",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
+      <FooterLogoReveal
       logoText="Adair Electrics"
+      leftLink={{ text: "© 2025 Adair Electrics" }}
+      rightLink={{ text: "Privacy Policy", href: "#" }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #000612e6;
-  --primary-cta: #15479c;
+  --background: #020617;
+  --card: #0f172a;
+  --foreground: #e2e8f0;
+  --primary-cta: #c4d8f9;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #000612e6;
-  --accent: #e2e2e2;
-  --background-accent: #c4c4c4;
+  --secondary-cta: #041633;
+  --secondary-cta-text: #000f06e6;
+  --accent: #2d30f3;
+  --background-accent: #1d4ed8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);