Update src/app/styles/variables.css

Merge version_3 into main

src/app/page.tsx

@@ -5,13 +5,13 @@ import ReactLenis from "lenis/react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
-import { Sparkles } from "lucide-react";
+import { Sparkles, Facebook, Instagram, Twitter, Linkedin } 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="Abyssinia"
     />
@@ -54,49 +42,18 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
-      background={{
-        variant: "rotated-rays-static",
-      }}
+      background={{ variant: "rotated-rays-static" }}
       title="Quality Home Services You Can Trust"
       description="Abyssinia delivers expert home maintenance and repair services with integrity. From cleaning to complex repairs, our skilled team ensures your living space is always in top condition."
       tag="Home Services Excellence"
-      buttons={[
-        {
-          text: "Get a Quote",
-          href: "#contact",
-        },
-      ]}
+      buttons={[{ text: "Get Your Free Quote", href: "#contact" }]}
       carouselItems={[
-        {
-          id: "1",
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-male-contractor-working-with-wood-sanding-wooden-panel-carpenter-using-electrical-sander_662251-454.jpg",
-          imageAlt: "professional home cleaning service",
-        },
-        {
-          id: "2",
-          imageSrc: "http://img.b2bpic.net/free-photo/electrician-construction-worker-overalls-with-drill-installation-sockets-home-renovation-concept_169016-7331.jpg",
-          imageAlt: "home repair team smiling",
-        },
-        {
-          id: "3",
-          imageSrc: "http://img.b2bpic.net/free-photo/organized-cabinet-home_23-2148857492.jpg",
-          imageAlt: "clean living room after cleaning",
-        },
-        {
-          id: "4",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-with-protective-glasses-uses-orbital-sander-gear-after-consulting-schematics_482257-84374.jpg",
-          imageAlt: "professional painter residential",
-        },
-        {
-          id: "5",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15686.jpg",
-          imageAlt: "expert cleaning service staff",
-        },
-        {
-          id: "6",
-          imageSrc: "http://img.b2bpic.net/free-photo/auto-service-salon-doign-car-wrapping_23-2149593846.jpg",
-          imageAlt: "modern home renovation project",
-        },
+        { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/attractive-male-contractor-working-with-wood-sanding-wooden-panel-carpenter-using-electrical-sander_662251-454.jpg", imageAlt: "professional home cleaning service" },
+        { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/electrician-construction-worker-overalls-with-drill-installation-sockets-home-renovation-concept_169016-7331.jpg", imageAlt: "home repair team smiling" },
+        { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/organized-cabinet-home_23-2148857492.jpg", imageAlt: "clean living room after cleaning" },
+        { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/man-with-protective-glasses-uses-orbital-sander-gear-after-consulting-schematics_482257-84374.jpg", imageAlt: "professional painter residential" },
+        { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15686.jpg", imageAlt: "expert cleaning service staff" },
+        { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/auto-service-salon-doign-car-wrapping_23-2149593846.jpg", imageAlt: "modern home renovation project" },
       ]}
       tagIcon={Sparkles}
     />
@@ -106,22 +63,10 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={false}
       heading={[
-        {
-          type: "text",
-          content: "Professional Care for Your Home",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/couple-handling-carpet-together-their-new-home_23-2149086839.jpg",
-          alt: "friendly home service professionals",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Our Story",
-          href: "#",
-        },
+        { type: "text", content: "Professional Care for Your Home" },
+        { type: "image", src: "http://img.b2bpic.net/free-photo/couple-handling-carpet-together-their-new-home_23-2149086839.jpg", alt: "friendly home service professionals" },
       ]}
+      buttons={[{ text: "Our Story", href: "#" }]}
     />
   </div>
 
@@ -131,33 +76,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          id: "f1",
-          title: "Plumbing Services",
-          tags: [
-            "Reliable",
-            "Expert",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/sanitary-technician-working-with-wrench-kitchen_23-2147772255.jpg",
-        },
-        {
-          id: "f2",
-          title: "Electrical Repairs",
-          tags: [
-            "Certified",
-            "Safe",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/electrical-technician-looking-focused-while-working-switchboard-with-fuses_169016-23482.jpg",
-        },
-        {
-          id: "f3",
-          title: "Professional Cleaning",
-          tags: [
-            "Thorough",
-            "Eco-friendly",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-watering-plants-home_23-2149383649.jpg",
-        },
+        { id: "f1", title: "Plumbing Services", tags: ["Reliable", "Expert"], imageSrc: "http://img.b2bpic.net/free-photo/sanitary-technician-working-with-wrench-kitchen_23-2147772255.jpg" },
+        { id: "f2", title: "Electrical Repairs", tags: ["Certified", "Safe"], imageSrc: "http://img.b2bpic.net/free-photo/electrical-technician-looking-focused-while-working-switchboard-with-fuses_169016-23482.jpg" },
+        { id: "f3", title: "Professional Cleaning", tags: ["Thorough", "Eco-friendly"], imageSrc: "http://img.b2bpic.net/free-photo/woman-watering-plants-home_23-2149383649.jpg" },
       ]}
       title="Comprehensive Solutions"
       description="We offer a wide range of services designed to keep your home running smoothly and comfortably."
@@ -170,27 +91,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "1500+",
-          title: "Happy Clients",
-          description: "Families served to date",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-as-plumber_23-2150746382.jpg",
-        },
-        {
-          id: "m2",
-          value: "2400+",
-          title: "Projects Completed",
-          description: "Success in every home",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-wearing-construction-uniform-safety-helmet-smiles-writes-clipboard_141793-33729.jpg",
-        },
-        {
-          id: "m3",
-          value: "12",
-          title: "Years Experience",
-          description: "Expertly trained staff",
-          imageSrc: "http://img.b2bpic.net/free-photo/astonished-displeased-female-male-technicians-see-that-water-leaks-kitchen_273609-8782.jpg",
-        },
+        { id: "m1", value: "1500+", title: "Happy Clients", description: "Families served to date", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-as-plumber_23-2150746382.jpg" },
+        { id: "m2", value: "2400+", title: "Projects Completed", description: "Success in every home", imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-wearing-construction-uniform-safety-helmet-smiles-writes-clipboard_141793-33729.jpg" },
+        { id: "m3", value: "12", title: "Years Experience", description: "Expertly trained staff", imageSrc: "http://img.b2bpic.net/free-photo/astonished-displeased-female-male-technicians-see-that-water-leaks-kitchen_273609-8782.jpg" },
       ]}
       title="Results You Can Count On"
       description="Abyssinia brings years of expertise and professional dedication to every job."
@@ -204,46 +107,11 @@ export default function LandingPage() {
       gridVariant="asymmetric-60-wide-40-narrow"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          name: "Sarah Miller",
-          role: "Homeowner",
-          company: "Client",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/person-using-nfc-technology-pay-bill-restaurant_23-2150039426.jpg",
-        },
-        {
-          id: "t2",
-          name: "James Wilson",
-          role: "Resident",
-          company: "Client",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-model_158538-17986.jpg",
-        },
-        {
-          id: "t3",
-          name: "Linda Chen",
-          role: "Homeowner",
-          company: "Client",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-spending-time-home_23-2150170888.jpg",
-        },
-        {
-          id: "t4",
-          name: "Mark Roberts",
-          role: "Resident",
-          company: "Client",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2148563421.jpg",
-        },
-        {
-          id: "t5",
-          name: "Elena Rodriguez",
-          role: "Homeowner",
-          company: "Client",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",
-        },
+        { id: "t1", name: "Sarah Miller", role: "Homeowner", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-using-nfc-technology-pay-bill-restaurant_23-2150039426.jpg" },
+        { id: "t2", name: "James Wilson", role: "Resident", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-model_158538-17986.jpg" },
+        { id: "t3", name: "Linda Chen", role: "Homeowner", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-spending-time-home_23-2150170888.jpg" },
+        { id: "t4", name: "Mark Roberts", role: "Resident", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2148563421.jpg" },
+        { id: "t5", name: "Elena Rodriguez", role: "Homeowner", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg" },
       ]}
       title="Client Success Stories"
       description="See why homeowners trust Abyssinia."
@@ -255,21 +123,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",
-          title: "How do I schedule a service?",
-          content: "You can contact us via the form or phone to set up an appointment.",
-        },
-        {
-          id: "q2",
-          title: "Are your staff certified?",
-          content: "Yes, our team is highly trained and certified.",
-        },
-        {
-          id: "q3",
-          title: "Do you offer emergency repairs?",
-          content: "We prioritize emergency calls during business hours.",
-        },
+        { id: "q1", title: "How do I schedule a service?", content: "You can contact us via the form or phone to set up an appointment." },
+        { id: "q2", title: "Are your staff certified?", content: "Yes, our team is highly trained and certified." },
+        { id: "q3", title: "Do you offer emergency repairs?", content: "We prioritize emergency calls during business hours." },
       ]}
       title="Frequently Asked Questions"
       description="Everything you need to know about working with Abyssinia."
@@ -280,53 +136,23 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
+      background={{ variant: "radial-gradient" }}
       tag="Get in touch"
       title="Ready to get started?"
       description="Schedule your service today and let our team take care of your home."
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "mailto:hello@abyssinia.com",
-        },
-      ]}
+      buttons={[{ text: "Contact Us", href: "mailto:hello@abyssinia.com" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/white-containers-yogurt_23-2147935442.jpg"
-      logoText="Abyssinia"
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#features",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
+      <FooterCard
+        logoText="Abyssinia"
+        socialLinks={[
+            { icon: Facebook, href: "#", ariaLabel: "Facebook" },
+            { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+            { icon: Twitter, href: "#", ariaLabel: "Twitter" },
+            { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
+        ]}
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #000612e6;
-  --primary-cta: #106EFB;
+  --background: #0a0a0a;
+  --card: #171717;
+  --foreground: #f5f5f5;
+  --primary-cta: #d4af37;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #000612e6;
-  --accent: #e2e2e2;
-  --background-accent: #106EFB;
+  --accent: #d4af37;
+  --background-accent: #1a1a1a;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);