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,14 +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"
     />
@@ -46,28 +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 Your Free 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}
     />
@@ -77,15 +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>
 
@@ -95,18 +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."
@@ -119,12 +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."
@@ -138,21 +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."
@@ -164,12 +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."
@@ -180,43 +136,26 @@ 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>
     </ThemeProvider>
   );
-}
+}

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);