Merge version_2 into main #2
230
src/app/page.tsx
230
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",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "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.",
|
||||
handle: "@customer",
|
||||
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: "Sarah J.", handle: "@customer", 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.",
|
||||
handle: "@customer",
|
||||
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: "Michael C.", handle: "@customer", 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.",
|
||||
handle: "@customer",
|
||||
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: "David K.", handle: "@customer", 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.",
|
||||
handle: "@customer",
|
||||
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: "Emily R.", handle: "@customer", 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.",
|
||||
handle: "@customer",
|
||||
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",
|
||||
},
|
||||
name: "Robert M.", handle: "@customer", 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",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Service", href: "#contact"},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+17056469468",
|
||||
},
|
||||
text: "Call Now", 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",
|
||||
alt: "Sarah J",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg", alt: "Sarah J"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
|
||||
alt: "Michael C",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg", alt: "Michael C"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",
|
||||
alt: "David K",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg", alt: "David K"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13213.jpg",
|
||||
alt: "Emily R",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13213.jpg", alt: "Emily R"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg",
|
||||
alt: "Robert M",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg", alt: "Robert M"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ locals"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Certified Small Engine Tech",
|
||||
},
|
||||
type: "text", text: "Certified Small Engine Tech"},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Support Available",
|
||||
},
|
||||
type: "text", text: "24/7 Support Available"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Competitive Local Rates",
|
||||
},
|
||||
type: "text", text: "Competitive Local Rates"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Comprehensive Engine Care",
|
||||
},
|
||||
type: "text", text: "Comprehensive Engine Care"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Rapid Turnaround Times",
|
||||
},
|
||||
type: "text", 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.",
|
||||
"Whether it is a seasonal snowblower or a lawn mower, our expert team provides reliable solutions to keep your machinery running smoothly.",
|
||||
]}
|
||||
"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."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -176,20 +116,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
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",
|
||||
name: "Sarah J.",
|
||||
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: "1", name: "Sarah J.", 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",
|
||||
name: "Michael C.",
|
||||
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: "2", name: "Michael C.", 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",
|
||||
name: "David K.",
|
||||
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: "3", name: "David K.", 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",
|
||||
name: "Emily R.",
|
||||
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: "4", name: "Emily R.", 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",
|
||||
name: "Robert M.",
|
||||
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",
|
||||
},
|
||||
id: "5", name: "Robert M.", 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",
|
||||
title: "Where are you located?",
|
||||
content: "We are located at 1268 Fraserburg Rd, Bracebridge, ON P1L 0G9.",
|
||||
},
|
||||
id: "f1", title: "Where are you located?", content: "We are located at 1268 Fraserburg Rd, Bracebridge, ON P1L 0G9."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How can I contact you?",
|
||||
content: "You can reach us by phone at (705) 646-9468 to schedule your service.",
|
||||
},
|
||||
id: "f2", title: "How can I contact you?", content: "You can reach us by phone at (705) 646-9468 to schedule your service."},
|
||||
{
|
||||
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.",
|
||||
},
|
||||
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."},
|
||||
]}
|
||||
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",
|
||||
href: "tel:+17056469468",
|
||||
},
|
||||
text: "Call (705) 646-9468", 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>
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #000612e6;
|
||||
--primary-cta: #15479c;
|
||||
--background: #fbfaff;
|
||||
--card: #f7f5ff;
|
||||
--foreground: #0f0022;
|
||||
--primary-cta: #8b5cf6;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #000612e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #c4c4c4;
|
||||
--accent: #d8cef5;
|
||||
--background-accent: #c4a8f9;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user