Merge version_1 into main #2
317
src/app/page.tsx
317
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap, Shield, Circle, Activity } from "lucide-react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -30,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="B-Eazy Car Repair"
|
||||
/>
|
||||
@@ -54,98 +43,31 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="B-Eazy Car Repair – Reliable Automotive Solutions"
|
||||
description="Professional car care you can trust. We provide expert diagnostics, routine maintenance, and complex repairs with precision and honesty."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John Doe",
|
||||
handle: "@johnd",
|
||||
testimonial: "Excellent service and honest pricing. They fixed my engine noise quickly.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-bike-creation-workshop_23-2148866651.jpg?_wi=1",
|
||||
imageAlt: "modern mechanic shop interior clean",
|
||||
},
|
||||
{
|
||||
name: "Jane Smith",
|
||||
handle: "@jsmith",
|
||||
testimonial: "Fast, friendly, and reliable. Best auto shop in town.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-mechanic-his-manager-working-touchpad-auto-repair-shop_637285-8672.jpg",
|
||||
imageAlt: "modern mechanic shop interior clean",
|
||||
},
|
||||
{
|
||||
name: "Mark Wilson",
|
||||
handle: "@mwilson",
|
||||
testimonial: "Very professional and detailed work. My car runs like new again.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-mechanic-servicing-car_1170-1272.jpg?_wi=1",
|
||||
imageAlt: "modern mechanic shop interior clean",
|
||||
},
|
||||
{
|
||||
name: "Sarah Lee",
|
||||
handle: "@slee",
|
||||
testimonial: "I never go anywhere else for my car maintenance. Top notch.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanical-female-changing-car-wheels_23-2148327504.jpg?_wi=1",
|
||||
imageAlt: "modern mechanic shop interior clean",
|
||||
},
|
||||
{
|
||||
name: "Tom Brown",
|
||||
handle: "@tbrown",
|
||||
testimonial: "Fair prices and quality service. They saved me a lot of money.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-checking-car-tires_23-2148332948.jpg?_wi=1",
|
||||
imageAlt: "modern mechanic shop interior clean",
|
||||
},
|
||||
{ name: "John Doe", handle: "@johnd", testimonial: "Excellent service and honest pricing. They fixed my engine noise quickly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/tools-bike-creation-workshop_23-2148866651.jpg", imageAlt: "modern mechanic shop interior clean" },
|
||||
{ name: "Jane Smith", handle: "@jsmith", testimonial: "Fast, friendly, and reliable. Best auto shop in town.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/black-mechanic-his-manager-working-touchpad-auto-repair-shop_637285-8672.jpg", imageAlt: "modern mechanic shop interior clean" },
|
||||
{ name: "Mark Wilson", handle: "@mwilson", testimonial: "Very professional and detailed work. My car runs like new again.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/hands-mechanic-servicing-car_1170-1272.jpg", imageAlt: "modern mechanic shop interior clean" },
|
||||
{ name: "Sarah Lee", handle: "@slee", testimonial: "I never go anywhere else for my car maintenance. Top notch.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mechanical-female-changing-car-wheels_23-2148327504.jpg", imageAlt: "modern mechanic shop interior clean" },
|
||||
{ name: "Tom Brown", handle: "@tbrown", testimonial: "Fair prices and quality service. They saved me a lot of money.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-checking-car-tires_23-2148332948.jpg", imageAlt: "modern mechanic shop interior clean" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tools-bike-creation-workshop_23-2148866651.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tools-bike-creation-workshop_23-2148866651.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mechanic-starting-maintenance_23-2147897914.jpg",
|
||||
alt: "Mechanic starting maintenance",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/wide-shot-old-barn-s-workbench-with-different-types-tools_181624-15921.jpg",
|
||||
alt: "Wide shot of an old barn' s workbench with different types of tools",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881684.jpg",
|
||||
alt: "Modern automobile mechanic composition",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-mechanic-standing-beside-tool-kit-repair-garage_1170-1488.jpg",
|
||||
alt: "Female mechanic standing beside tool kit at a repair garage",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-professional-handsome-car-mechanic-holding-wrenches-front-automobile-with-opened-hood_342744-261.jpg",
|
||||
alt: "Portrait of professional handsome car mechanic",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/mechanic-starting-maintenance_23-2147897914.jpg", alt: "Mechanic starting maintenance" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/wide-shot-old-barn-s-workbench-with-different-types-tools_181624-15921.jpg", alt: "Wide shot of an old barn' s workbench with different types of tools" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881684.jpg", alt: "Modern automobile mechanic composition" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-mechanic-standing-beside-tool-kit-repair-garage_1170-1488.jpg", alt: "Female mechanic standing beside tool kit at a repair garage" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-professional-handsome-car-mechanic-holding-wrenches-front-automobile-with-opened-hood_342744-261.jpg", alt: "Portrait of professional handsome car mechanic" }
|
||||
]}
|
||||
avatarText="Trusted by 1000+ local drivers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Engine Repair",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Oil Changes",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Brake Service",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Tire Balancing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Computer Diagnostics",
|
||||
},
|
||||
{ type: "text", text: "Engine Repair" },
|
||||
{ type: "text", text: "Oil Changes" },
|
||||
{ type: "text", text: "Brake Service" },
|
||||
{ type: "text", text: "Tire Balancing" },
|
||||
{ type: "text", text: "Computer Diagnostics" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -154,12 +76,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Expert Care for Your Vehicle"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#services",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Learn More", href: "#services" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -168,30 +85,10 @@ export default function LandingPage() {
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Oil Change",
|
||||
description: "Regular maintenance to keep your engine running smoothly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-mechanic-servicing-car_1170-1272.jpg?_wi=2",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Brake Repair",
|
||||
description: "Ensure your safety with our expert brake system services.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanical-female-changing-car-wheels_23-2148327504.jpg?_wi=2",
|
||||
buttonIcon: "Shield",
|
||||
},
|
||||
{
|
||||
title: "Tire Service",
|
||||
description: "Professional tire balancing, alignment, and replacements.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-checking-car-tires_23-2148332948.jpg?_wi=2",
|
||||
buttonIcon: "Circle",
|
||||
},
|
||||
{
|
||||
title: "Engine Diagnostics",
|
||||
description: "Advanced scanning technology for accurate fault identification.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/truck-workshop-interior-with-tools-cart-laptop-computer-diagnostics-tool-servicing-truck-vehicles_342744-1345.jpg",
|
||||
buttonIcon: "Activity",
|
||||
},
|
||||
{ title: "Oil Change", description: "Regular maintenance to keep your engine running smoothly.", imageSrc: "http://img.b2bpic.net/free-photo/hands-mechanic-servicing-car_1170-1272.jpg", buttonIcon: Zap },
|
||||
{ title: "Brake Repair", description: "Ensure your safety with our expert brake system services.", imageSrc: "http://img.b2bpic.net/free-photo/mechanical-female-changing-car-wheels_23-2148327504.jpg", buttonIcon: Shield },
|
||||
{ title: "Tire Service", description: "Professional tire balancing, alignment, and replacements.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-checking-car-tires_23-2148332948.jpg", buttonIcon: Circle },
|
||||
{ title: "Engine Diagnostics", description: "Advanced scanning technology for accurate fault identification.", imageSrc: "http://img.b2bpic.net/free-photo/truck-workshop-interior-with-tools-cart-laptop-computer-diagnostics-tool-servicing-truck-vehicles_342744-1345.jpg", buttonIcon: Activity }
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Comprehensive automotive repair services tailored to your vehicle's needs."
|
||||
@@ -205,21 +102,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
description: "Years of Experience",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1000+",
|
||||
description: "Happy Customers",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
description: "Support Available",
|
||||
},
|
||||
{ id: "m1", value: "15+", description: "Years of Experience" },
|
||||
{ id: "m2", value: "1000+", description: "Happy Customers" },
|
||||
{ id: "m3", value: "24/7", description: "Support Available" }
|
||||
]}
|
||||
title="Why Choose B-Eazy?"
|
||||
description="Excellence in every repair, guaranteed satisfaction for our customers."
|
||||
@@ -231,46 +116,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Great Experience",
|
||||
quote: "Quick turnaround and great communication throughout.",
|
||||
name: "Alex P.",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-workshop_23-2147897800.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Honest Shop",
|
||||
quote: "Transparent about repairs and fair prices. Highly recommend.",
|
||||
name: "Betty R.",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-length-african-american-mechanic-businesswoman-communicating-auto-repair-shop_637285-11589.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Super Efficient",
|
||||
quote: "My car was back on the road in no time. Thanks!",
|
||||
name: "Charles D.",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-businessman-standing-warehouse-near-forklift-talking-cellphone_74855-16417.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Professionalism",
|
||||
quote: "The team knows their stuff. Very polite and efficient.",
|
||||
name: "Diana K.",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/distraught-man-feeling-sad-while-showing-his-mechanic-car-breakdown-auto-repair-shop_637285-7708.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Excellent Quality",
|
||||
quote: "Excellent quality work. I'm very satisfied.",
|
||||
name: "Edward M.",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-car-dealership_23-2148130225.jpg",
|
||||
},
|
||||
{ id: "t1", title: "Great Experience", quote: "Quick turnaround and great communication throughout.", name: "Alex P.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-workshop_23-2147897800.jpg" },
|
||||
{ id: "t2", title: "Honest Shop", quote: "Transparent about repairs and fair prices. Highly recommend.", name: "Betty R.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/full-length-african-american-mechanic-businesswoman-communicating-auto-repair-shop_637285-11589.jpg" },
|
||||
{ id: "t3", title: "Super Efficient", quote: "My car was back on the road in no time. Thanks!", name: "Charles D.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/pensive-businessman-standing-warehouse-near-forklift-talking-cellphone_74855-16417.jpg" },
|
||||
{ id: "t4", title: "Professionalism", quote: "The team knows their stuff. Very polite and efficient.", name: "Diana K.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/distraught-man-feeling-sad-while-showing-his-mechanic-car-breakdown-auto-repair-shop_637285-7708.jpg" },
|
||||
{ id: "t5", title: "Excellent Quality", quote: "Excellent quality work. I'm very satisfied.", name: "Edward M.", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/couple-car-dealership_23-2148130225.jpg" }
|
||||
]}
|
||||
title="Customer Stories"
|
||||
description="Don't just take our word for it—read what our happy clients say about our service."
|
||||
@@ -282,21 +132,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "Yes, we recommend booking an appointment to ensure the quickest turnaround.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What payment methods do you accept?",
|
||||
content: "We accept major credit cards, cash, and digital payment methods.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are your repairs warrantied?",
|
||||
content: "Yes, all our major repairs come with a standard service warranty.",
|
||||
},
|
||||
{ id: "f1", title: "Do I need an appointment?", content: "Yes, we recommend booking an appointment to ensure the quickest turnaround." },
|
||||
{ id: "f2", title: "What payment methods do you accept?", content: "We accept major credit cards, cash, and digital payment methods." },
|
||||
{ id: "f3", title: "Are your repairs warrantied?", content: "Yes, all our major repairs come with a standard service warranty." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Get answers to commonly asked questions about our auto repair process."
|
||||
@@ -306,25 +144,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid-inverted"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "n1",
|
||||
value: "98%",
|
||||
description: "Customer Satisfaction",
|
||||
},
|
||||
{
|
||||
id: "n2",
|
||||
value: "450",
|
||||
description: "Oil Changes Monthly",
|
||||
},
|
||||
{
|
||||
id: "n3",
|
||||
value: "240",
|
||||
description: "Completed Engine Repairs",
|
||||
},
|
||||
{ id: "n1", value: "98%", description: "Customer Satisfaction" },
|
||||
{ id: "n2", value: "450", description: "Oil Changes Monthly" },
|
||||
{ id: "n3", value: "240", description: "Completed Engine Repairs" }
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="We are proud of the automotive quality we deliver every day."
|
||||
@@ -337,26 +164,11 @@ export default function LandingPage() {
|
||||
title="Get a Free Quote"
|
||||
description="Contact us today to discuss your car's repair needs and get a free estimate."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone Number",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Your Email" },
|
||||
{ name: "phone", type: "tel", placeholder: "Your Phone Number" }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Describe your car's issue",
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Describe your car's issue" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-warehouse-bathed-glow-setting-sun_91128-4255.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -365,35 +177,18 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
title: "Navigation", items: [
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="B-Eazy Car Repair"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user