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

Merge version_2 into main

src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
@@ -31,9 +31,18 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        { name: "Services", id: "#services" },
-        { name: "About", id: "#about" },
-        { name: "Contact", id: "#contact" },
+        {
+          name: "Services",
+          id: "#services",
+        },
+        {
+          name: "The Doll Standard",
+          id: "#about",
+        },
+        {
+          name: "Contact",
+          id: "#contact",
+        },
       ]}
       brandName="Doll Electric"
     />
@@ -41,17 +50,48 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
-      background={{ variant: "rotated-rays-static" }}
+      background={{
+        variant: "rotated-rays-static",
+      }}
       title="Master-Level Power. Rare Professionalism."
       description="Specializing in 200 Amp Upgrades, EV Charging, and Generator Systems for discerning homeowners."
-      buttons={[{ text: "Get a Fair Estimate", href: "#contact" }]}
+      buttons={[
+        {
+          text: "Get a Fair Estimate",
+          href: "#contact",
+        },
+      ]}
       carouselItems={[
-        { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/electric-machines-switches-isolated-white-close_169016-4109.jpg?w=800", imageAlt: "Service Panel Upgrade" },
-        { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/electric-vehicle-parking_1127-3300.jpg?w=800", imageAlt: "EV Charger" },
-        { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-interior-design-minimal-concept_23-2151902918.jpg?w=800", imageAlt: "Custom Lighting" },
-        { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/male-bus-driver-posing-portrait_23-2151582576.jpg?w=800", imageAlt: "Generator System" },
-        { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses_169016-24583.jpg?w=800", imageAlt: "Wiring Work" },
-        { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/studio-lighting-isolated-white_93675-131426.jpg?w=800", imageAlt: "Custom Fixture" },
+        {
+          id: "1",
+          imageSrc: "http://img.b2bpic.net/free-photo/electric-machines-switches-isolated-white-close_169016-4109.jpg",
+          imageAlt: "Service Panel Upgrade",
+        },
+        {
+          id: "2",
+          imageSrc: "http://img.b2bpic.net/free-photo/electric-vehicle-parking_1127-3300.jpg",
+          imageAlt: "EV Charger",
+        },
+        {
+          id: "3",
+          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-interior-design-minimal-concept_23-2151902918.jpg",
+          imageAlt: "Custom Lighting",
+        },
+        {
+          id: "4",
+          imageSrc: "http://img.b2bpic.net/free-photo/male-bus-driver-posing-portrait_23-2151582576.jpg",
+          imageAlt: "Generator System",
+        },
+        {
+          id: "5",
+          imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses_169016-24583.jpg",
+          imageAlt: "Wiring Work",
+        },
+        {
+          id: "6",
+          imageSrc: "http://img.b2bpic.net/free-photo/studio-lighting-isolated-white_93675-131426.jpg",
+          imageAlt: "Custom Fixture",
+        },
       ]}
     />
   </div>
@@ -62,11 +102,41 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        { id: "s1", title: "EV Charger Installation", subtitle: "High-speed 50-amp circuits.", category: "Charging", value: "Reliable" },
-        { id: "s2", title: "200 Amp Panel Upgrades", subtitle: "Safety and capacity modernization.", category: "Infrastructure", value: "Essential" },
-        { id: "s3", title: "Generator Hookups", subtitle: "Power your home during emergencies.", category: "Emergency", value: "Secure" },
-        { id: "s4", title: "Custom Lighting Installs", subtitle: "Modern recessed and decorative lighting.", category: "Lighting", value: "Aesthetic" },
-        { id: "s5", title: "Smart Home Integration", subtitle: "Automated lighting and energy controls.", category: "Innovation", value: "Advanced" },
+        {
+          id: "s1",
+          title: "EV Charger Installation",
+          subtitle: "High-speed 50-amp circuits.",
+          category: "Charging",
+          value: "Reliable",
+        },
+        {
+          id: "s2",
+          title: "200 Amp Panel Upgrades",
+          subtitle: "Safety and capacity modernization.",
+          category: "Infrastructure",
+          value: "Essential",
+        },
+        {
+          id: "s3",
+          title: "Generator Hookups",
+          subtitle: "Power your home during emergencies.",
+          category: "Emergency",
+          value: "Secure",
+        },
+        {
+          id: "s4",
+          title: "Custom Lighting Installs",
+          subtitle: "Modern recessed and decorative lighting.",
+          category: "Lighting",
+          value: "Aesthetic",
+        },
+        {
+          id: "s5",
+          title: "Smart Home Integration",
+          subtitle: "Automated lighting and energy controls.",
+          category: "Innovation",
+          value: "Advanced",
+        },
       ]}
       title="Specialty Services"
       description="Expert-led residential solutions for modern demands."
@@ -76,8 +146,16 @@ export default function LandingPage() {
   <div id="social-proof" data-section="social-proof">
       <SocialProofOne
       textboxLayout="default"
-      useInvertedBackground={false}
-      names={["Rare Expertise", "Professional and Neat", "Trustworthy and Fair", "Master Electrician", "Punctual Delivery", "High Quality", "Exceptional Service"]}
+      useInvertedBackground={true}
+      names={[
+        "Rare Expertise",
+        "Professional and Neat",
+        "Trustworthy and Fair",
+        "Master Electrician",
+        "Punctual Delivery",
+        "High Quality",
+        "Exceptional Service",
+      ]}
       title="The Doll Standard"
       description="Clean, Professional, Punctual."
     />
@@ -85,12 +163,13 @@ export default function LandingPage() {
 
   <div id="about" data-section="about">
       <TestimonialAboutCard
+      useInvertedBackground={false}
       tag="Our Commitment"
       title="We Work Clean and Leave No Trace"
       description="Our team, led by Derek, Alex, and Caleb, ensures that your home remains in pristine condition throughout the entire electrical installation process."
       subdescription="You can count on professional results with respect for your living space."
       icon={Shield}
-      imageSrc="http://img.b2bpic.net/free-photo/displeased-mechanicers-cable-line-repairing-have-dirty-faces-after-hard-work_273609-8291.jpg?w=800"
+      imageSrc="http://img.b2bpic.net/free-photo/displeased-mechanicers-cable-line-repairing-have-dirty-faces-after-hard-work_273609-8291.jpg"
       mediaAnimation="slide-up"
     />
   </div>
@@ -100,9 +179,46 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
-        { id: "t1", title: "Great Experience", quote: "Rare expertise! They did a perfect job.", name: "Sarah J.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149346508.jpg?w=200" },
-        { id: "t2", title: "Highly Recommend", quote: "Professional and neat throughout the project.", name: "Mike D.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg?w=200" },
-        { id: "t3", title: "Reliable Pros", quote: "Trustworthy and fair pricing. Very happy.", name: "Elena R.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-mother-home_23-2148321636.jpg?w=200" },
+        {
+          id: "t1",
+          title: "Great Experience",
+          quote: "Rare expertise! They did a perfect job.",
+          name: "Sarah J.",
+          role: "Homeowner",
+          imageSrc: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149346508.jpg",
+        },
+        {
+          id: "t2",
+          title: "Highly Recommend",
+          quote: "Professional and neat throughout the project.",
+          name: "Mike D.",
+          role: "Homeowner",
+          imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg",
+        },
+        {
+          id: "t3",
+          title: "Reliable Pros",
+          quote: "Trustworthy and fair pricing. Very happy.",
+          name: "Elena R.",
+          role: "Homeowner",
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-mother-home_23-2148321636.jpg",
+        },
+        {
+          id: "t4",
+          title: "Excellent Team",
+          quote: "Derek and his team were prompt and helpful.",
+          name: "Tom B.",
+          role: "Homeowner",
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
+        },
+        {
+          id: "t5",
+          title: "Top Tier",
+          quote: "Clean work, fast install, amazing results.",
+          name: "Lisa G.",
+          role: "Homeowner",
+          imageSrc: "http://img.b2bpic.net/free-photo/smiling-confident-businesswoman-posing-with-arms-folded_1262-20950.jpg",
+        },
       ]}
       title="Client Feedback"
       description="What our customers are saying about our quality."
@@ -114,9 +230,31 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        { id: "f1", title: "Do you provide free estimates?", content: "Yes, we offer fair, professional estimates." },
-        { id: "f2", title: "What service areas do you cover?", content: "We serve the metro area with premium residential electrical services." },
-        { id: "f3", title: "Are your electricians licensed?", content: "All our team members are certified master electricians." },
+        {
+          id: "f1",
+          title: "Do you provide free estimates?",
+          content: "Yes, we offer fair, professional estimates.",
+        },
+        {
+          id: "f2",
+          title: "What service areas do you cover?",
+          content: "We serve our local area with premium electrical services.",
+        },
+        {
+          id: "f3",
+          title: "Are your electricians licensed?",
+          content: "All our team members are certified master electricians.",
+        },
+        {
+          id: "f4",
+          title: "How do I schedule an emergency visit?",
+          content: "Use the floating emergency button on our site.",
+        },
+        {
+          id: "f5",
+          title: "Do you offer financing?",
+          content: "Yes, we work with preferred local credit partners for major upgrades.",
+        },
       ]}
       title="Frequently Asked Questions"
       description="Quick answers to your electrical service needs."
@@ -125,24 +263,73 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
+      <ContactSplit
+      useInvertedBackground={true}
+      background={{
+        variant: "rotated-rays-static",
+      }}
       tag="Contact Us"
       title="Ready for an Estimate?"
       description="Tell us about your project and we'll get back to you."
-      background={{ variant: "rotated-rays-static" }}
-      useInvertedBackground={false}
+      mediaAnimation="slide-up"
+      imageSrc="http://img.b2bpic.net/free-photo/electrician-man-overalls-works-switchboard-portrait-electrician-overalls_169016-66829.jpg"
+      imageAlt="Electrician working in a switchboard"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
+      <FooterBaseCard
+      logoText="Doll Electric"
       columns={[
-        { title: "Services", items: [{ label: "EV Charging" }, { label: "Panel Upgrades" }, { label: "Lighting" }] },
-        { title: "Company", items: [{ label: "About Us" }, { label: "Careers" }] },
-        { title: "Legal", items: [{ label: "Privacy Policy" }, { label: "Terms of Service" }] },
+        {
+          title: "Services",
+          items: [
+            {
+              label: "EV Charging",
+              href: "#services",
+            },
+            {
+              label: "Panel Upgrades",
+              href: "#services",
+            },
+            {
+              label: "Lighting",
+              href: "#services",
+            },
+          ],
+        },
+        {
+          title: "Company",
+          items: [
+            {
+              label: "About Us",
+              href: "#about",
+            },
+            {
+              label: "Testimonials",
+              href: "#about",
+            },
+            {
+              label: "Careers",
+              href: "#",
+            },
+          ],
+        },
+        {
+          title: "Legal",
+          items: [
+            {
+              label: "Privacy Policy",
+              href: "#",
+            },
+            {
+              label: "Terms of Service",
+              href: "#",
+            },
+          ],
+        },
       ]}
-      bottomLeftText="© 2026 Doll Electric"
-      bottomRightText="Licensed & Insured"
+      copyrightText="© 2026 Doll Electric | Professional Electrical Services"
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4ef;
-  --card: #dad6cd;
-  --foreground: #2a2928;
-  --primary-cta: #2a2928;
+  --background: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #0A192F;
+  --primary-cta: #007BFF;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #ecebea;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #0A192F;
-  --accent: #ffffff;
-  --background-accent: #c6b180;
+  --accent: #e2e2e2;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);