Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -3,9 +3,9 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
@@ -30,21 +30,13 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "#hero"},
-          id: "#hero",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "#services"},
-          id: "#services",
-        },
         {
-          name: "Testimonials",
+          name: "Testimonials",          id: "#testimonials"},
-          id: "#testimonials",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "#contact"},
-          id: "#contact",
-        },
       ]}
       brandName="APL Small Motors"
     />
@@ -54,107 +46,57 @@ export default function LandingPage() {
       <HeroBillboardTestimonial
       useInvertedBackground={false}
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="Reliable Small Motor Repair in Bracebridge"
       description="Expert maintenance and repair services for your snowblowers, lawn mowers, and more. Fast, informative, and fair pricing."
       testimonials={[
         {
-          name: "Sarah J.",
+          name: "Sarah J.",          handle: "@customer",          testimonial: "I was very pleased with the communication in arranging service and the price.",          rating: 5,
-          handle: "@customer",
+          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-tools_23-2148932612.jpg?_wi=1",          imageAlt: "small engine repair maintenance tools"},
-          testimonial: "I was very pleased with the communication in arranging service and the price.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-arrangement-with-tools_23-2148932612.jpg?_wi=1",
-          imageAlt: "small engine repair maintenance tools",
-        },
         {
-          name: "Michael C.",
+          name: "Michael C.",          handle: "@customer",          testimonial: "Fast, informative, reliable, and very fair pricing.",          rating: 5,
-          handle: "@customer",
+          imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-846.jpg?_wi=1",          imageAlt: "small engine repair maintenance tools"},
-          testimonial: "Fast, informative, reliable, and very fair pricing.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-846.jpg?_wi=1",
-          imageAlt: "small engine repair maintenance tools",
-        },
         {
-          name: "David K.",
+          name: "David K.",          handle: "@customer",          testimonial: "Adam is just great, excellent services and repairs of my snowblowers.",          rating: 5,
-          handle: "@customer",
+          imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg?_wi=1",          imageAlt: "small engine repair maintenance tools"},
-          testimonial: "Adam is just great, excellent services and repairs of my snowblowers.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg?_wi=1",
-          imageAlt: "small engine repair maintenance tools",
-        },
         {
-          name: "Emily R.",
+          name: "Emily R.",          handle: "@customer",          testimonial: "Excellent service and quick turnaround time for my lawn mower repair.",          rating: 5,
-          handle: "@customer",
+          imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-smiling-male-student-joyfully-looking-camera-while-studying-library-university_574295-1561.jpg?_wi=1",          imageAlt: "small engine repair maintenance tools"},
-          testimonial: "Excellent service and quick turnaround time for my lawn mower repair.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-smiling-male-student-joyfully-looking-camera-while-studying-library-university_574295-1561.jpg?_wi=1",
-          imageAlt: "small engine repair maintenance tools",
-        },
         {
-          name: "Robert M.",
+          name: "Robert M.",          handle: "@customer",          testimonial: "Professional and very helpful throughout the whole process.",          rating: 5,
-          handle: "@customer",
+          imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15605.jpg?_wi=1",          imageAlt: "small engine repair maintenance tools"},
-          testimonial: "Professional and very helpful throughout the whole process.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15605.jpg?_wi=1",
-          imageAlt: "small engine repair maintenance tools",
-        },
       ]}
       buttons={[
         {
-          text: "Book Service",
+          text: "Book Service",          href: "#contact"},
-          href: "#contact",
-        },
         {
-          text: "Call Now",
+          text: "Call Now",          href: "tel:+17056469468"},
-          href: "tel:+17056469468",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/high-angle-arrangement-with-tools_23-2148932612.jpg?_wi=2"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg",
+          src: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg",          alt: "Sarah J"},
-          alt: "Sarah J",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
+          src: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",          alt: "Michael C"},
-          alt: "Michael C",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",
+          src: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",          alt: "David K"},
-          alt: "David K",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13213.jpg",
+          src: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13213.jpg",          alt: "Emily R"},
-          alt: "Emily R",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg",
+          src: "http://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg",          alt: "Robert M"},
-          alt: "Robert M",
-        },
       ]}
       avatarText="Trusted by 500+ locals"
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "Certified Small Engine Tech"},
-          text: "Certified Small Engine Tech",
-        },
         {
-          type: "text",
+          type: "text",          text: "24/7 Support Available"},
-          text: "24/7 Support Available",
-        },
         {
-          type: "text",
+          type: "text",          text: "Competitive Local Rates"},
-          text: "Competitive Local Rates",
-        },
         {
-          type: "text",
+          type: "text",          text: "Comprehensive Engine Care"},
-          text: "Comprehensive Engine Care",
-        },
         {
-          type: "text",
+          type: "text",          text: "Rapid Turnaround Times"},
-          text: "Rapid Turnaround Times",
-        },
       ]}
     />
   </div>
@@ -164,9 +106,7 @@ export default function LandingPage() {
       useInvertedBackground={true}
       title="Our Professional Services"
       description={[
-        "APL Small Motors specializes in comprehensive maintenance and repair for a wide variety of small engine equipment.",
+        "APL Small Motors specializes in comprehensive maintenance and repair for a wide variety of small engine equipment.",        "Whether it is a seasonal snowblower or a lawn mower, our expert team provides reliable solutions to keep your machinery running smoothly."]}
-        "Whether it is a seasonal snowblower or a lawn mower, our expert team provides reliable solutions to keep your machinery running smoothly.",
-      ]}
     />
   </div>
 
@@ -176,20 +116,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Expert Repair",
+          title: "Expert Repair",          description: "Adam and the team have extensive experience repairing all types of small motor machinery.",          imageSrc: "http://img.b2bpic.net/free-photo/lot-old-instruments-tool-box_146671-19078.jpg"},
-          description: "Adam and the team have extensive experience repairing all types of small motor machinery.",
-          imageSrc: "http://img.b2bpic.net/free-photo/lot-old-instruments-tool-box_146671-19078.jpg",
-        },
         {
-          title: "Reliable Communication",
+          title: "Reliable Communication",          description: "We keep you informed at every step, from scheduling your repair to pickup.",          imageSrc: "http://img.b2bpic.net/free-photo/set-mechanical-tools-professional-car-mechanic-using-different-tools-working_146671-19065.jpg"},
-          description: "We keep you informed at every step, from scheduling your repair to pickup.",
-          imageSrc: "http://img.b2bpic.net/free-photo/set-mechanical-tools-professional-car-mechanic-using-different-tools-working_146671-19065.jpg",
-        },
         {
-          title: "Fair Pricing",
+          title: "Fair Pricing",          description: "Our transparent pricing model ensures you get excellent value for quality services.",          imageSrc: "http://img.b2bpic.net/free-photo/lot-old-instruments-tool-box_146671-19075.jpg"},
-          description: "Our transparent pricing model ensures you get excellent value for quality services.",
-          imageSrc: "http://img.b2bpic.net/free-photo/lot-old-instruments-tool-box_146671-19075.jpg",
-        },
       ]}
       title="Why Choose APL Small Motors"
       description="We are dedicated to providing the community of Bracebridge with top-tier repair expertise and exceptional customer service."
@@ -204,45 +135,20 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Sarah J.",          role: "Local Resident",          company: "Bracebridge",          rating: 5,
-          name: "Sarah J.",
+          imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-846.jpg?_wi=2"},
-          role: "Local Resident",
-          company: "Bracebridge",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-846.jpg?_wi=2",
-        },
         {
-          id: "2",
+          id: "2",          name: "Michael C.",          role: "Property Owner",          company: "Bracebridge",          rating: 5,
-          name: "Michael C.",
+          imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg?_wi=2"},
-          role: "Property Owner",
-          company: "Bracebridge",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg?_wi=2",
-        },
         {
-          id: "3",
+          id: "3",          name: "David K.",          role: "Snow Removal",          company: "Bracebridge",          rating: 5,
-          name: "David K.",
+          imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-smiling-male-student-joyfully-looking-camera-while-studying-library-university_574295-1561.jpg?_wi=2"},
-          role: "Snow Removal",
-          company: "Bracebridge",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-smiling-male-student-joyfully-looking-camera-while-studying-library-university_574295-1561.jpg?_wi=2",
-        },
         {
-          id: "4",
+          id: "4",          name: "Emily R.",          role: "Homeowner",          company: "Bracebridge",          rating: 5,
-          name: "Emily R.",
+          imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15605.jpg?_wi=2"},
-          role: "Homeowner",
-          company: "Bracebridge",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15605.jpg?_wi=2",
-        },
         {
-          id: "5",
+          id: "5",          name: "Robert M.",          role: "Landscaper",          company: "Bracebridge",          rating: 5,
-          name: "Robert M.",
+          imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-auto-mechanic-talking-customer-repair-workshop_637285-4231.jpg"},
-          role: "Landscaper",
-          company: "Bracebridge",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-auto-mechanic-talking-customer-repair-workshop_637285-4231.jpg",
-        },
       ]}
       title="What Our Customers Say"
       description="Don't just take our word for it—read what our satisfied customers in Bracebridge have to say about our work."
@@ -250,27 +156,18 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitMedia
+      <FaqBase
       textboxLayout="split"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
+      className="bg-gradient-to-br from-indigo-500/10 to-purple-500/10"
       faqs={[
         {
-          id: "f1",
+          id: "f1",          title: "Where are you located?",          content: "We are located at 1268 Fraserburg Rd, Bracebridge, ON P1L 0G9."},
-          title: "Where are you located?",
-          content: "We are located at 1268 Fraserburg Rd, Bracebridge, ON P1L 0G9.",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "How can I contact you?",          content: "You can reach us by phone at (705) 646-9468 to schedule your service."},
-          title: "How can I contact you?",
-          content: "You can reach us by phone at (705) 646-9468 to schedule your service.",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Do you repair snowblowers?",          content: "Yes! Adam is highly experienced with the servicing and repair of snowblowers, lawn mowers, and other small motor equipment."},
-          title: "Do you repair snowblowers?",
-          content: "Yes! Adam is highly experienced with the servicing and repair of snowblowers, lawn mowers, and other small motor equipment.",
-        },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/bike-creation-workshop_23-2148866628.jpg"
       title="Common Questions"
       description="Here are answers to some of the frequently asked questions we receive from our customers."
       faqsAnimation="blur-reveal"
@@ -279,26 +176,41 @@ export default function LandingPage() {
 
   <div id="contact" data-section="contact">
       <ContactCTA
-      useInvertedBackground={true}
+      useInvertedBackground={false}
       background={{
-        variant: "plain",
+        variant: "sparkles-gradient"}}
-      }}
       tag="Contact Us"
       title="Get Your Equipment Serviced Today"
       description="Ready to get your motor running? Give us a call or visit us at our Bracebridge location to get started."
       buttons={[
         {
-          text: "Call (705) 646-9468",
+          text: "Call (705) 646-9468",          href: "tel:+17056469468"},
-          href: "tel:+17056469468",
-        },
       ]}
+      className="border-t border-b border-primary/20"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
+      <FooterBase
       logoText="APL Small Motors"
       copyrightText="© 2025 APL Small Motors | All rights reserved."
+      columns={[
+          {
+            title: "Company",            items: [
+              { label: "Home", href: "#hero" },
+              { label: "Services", href: "#services" },
+              { label: "Testimonials", href: "#testimonials" },
+              { label: "Contact", href: "#contact" },
+            ],
+          },
+          {
+            title: "Legal",            items: [
+              { label: "Privacy Policy", href: "#" },
+              { label: "Terms of Service", href: "#" },
+            ],
+          },
+        ]}
+        className="bg-neutral-900 text-neutral-100"
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #fbfaff;
-  --card: #f9f9f9;
+  --card: #f7f5ff;
-  --foreground: #000612e6;
+  --foreground: #0f0022;
-  --primary-cta: #15479c;
+  --primary-cta: #8b5cf6;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #000612e6;
-  --accent: #e2e2e2;
+  --accent: #d8cef5;
-  --background-accent: #c4c4c4;
+  --background-accent: #c4a8f9;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);