Switch to version 3: modified src/app/page.tsx
This commit is contained in:
@@ -9,7 +9,7 @@ import FeatureBento from '@/components/sections/feature/FeatureBento';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import { Car, Users, Wrench } from "lucide-react";
|
||||
|
||||
@@ -37,12 +37,10 @@ export default function LandingPage() {
|
||||
name: "About Us", id: "#about"},
|
||||
{
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Packages", id: "#packages"},
|
||||
{
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ", id: "#faq"},
|
||||
name: "FAQ", id: "#faq"}
|
||||
]}
|
||||
brandName="Skidders Garage"
|
||||
button={{
|
||||
@@ -60,7 +58,7 @@ export default function LandingPage() {
|
||||
{
|
||||
text: "Our Services", href: "#services"},
|
||||
{
|
||||
text: "Book an Appointment", href: "#contact"},
|
||||
text: "Book an Appointment", href: "#contact"}
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-metal-tools_23-2147624704.jpg"
|
||||
imageAlt="Modern auto repair garage interior"
|
||||
@@ -80,7 +78,7 @@ export default function LandingPage() {
|
||||
label: "Happy Customers", value: "10K+"},
|
||||
{
|
||||
icon: Car,
|
||||
label: "Vehicles Serviced", value: "20K+"},
|
||||
label: "Vehicles Serviced", value: "20K+"}
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -97,9 +95,9 @@ export default function LandingPage() {
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-engine_1373-183.jpg", imageAlt: "Mechanic performing engine diagnostic"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-looks-online-vehicle-parts_482257-76163.jpg", imageAlt: "Mechanic changing car tire"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-looks-online-vehicle-parts_482257-76163.jpg", imageAlt: "Mechanic checking engine fluid"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-smiling-girl-is-curious-about-car-s-engine-auto-service-with-her-mother-which-is-doing-man-s-job_613910-17098.jpg", imageAlt: "Mechanic draining car oil"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-smiling-girl-is-curious-about-car-s-engine-auto-service-with-her-mother-which-is-doing-man-s-job_613910-17098.jpg", imageAlt: "Customer observing engine inspection"}
|
||||
]
|
||||
},
|
||||
{
|
||||
@@ -107,9 +105,9 @@ export default function LandingPage() {
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-fixing-car-tyre_1170-1653.jpg", imageAlt: "Mechanic changing car tire"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-opening-radiator-cap-while-repairing-car-repair-workshop_637285-4223.jpg", imageAlt: "Mechanic performing engine diagnostic"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-opening-radiator-cap-while-repairing-car-repair-workshop_637285-4223.jpg", imageAlt: "Mechanic inspecting car tire"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-wearing-protective-face-mask-while-holding-keys-his-repaired-car-workshop_637285-7744.jpg", imageAlt: "Mechanic draining car oil"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-wearing-protective-face-mask-while-holding-keys-his-repaired-car-workshop_637285-7744.jpg", imageAlt: "Satisfied customer with car keys"}
|
||||
]
|
||||
},
|
||||
{
|
||||
@@ -117,9 +115,9 @@ export default function LandingPage() {
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-auto-mechanic-man-lying-reparing-car-disc-brake-garage_53876-31452.jpg", imageAlt: "Mechanic inspecting car brakes"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-cute-girl-is-posing-photographer-dark-auto-workshop-with-pheumatic-drill-hands_613910-17060.jpg", imageAlt: "Mechanic changing car tire"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-cute-girl-is-posing-photographer-dark-auto-workshop-with-pheumatic-drill-hands_613910-17060.jpg", imageAlt: "Mechanic explaining brake service"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-working-car-repair-shop_23-2150367550.jpg", imageAlt: "Mechanic draining car oil"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-working-car-repair-shop_23-2150367550.jpg", imageAlt: "Mechanic working on car lift"}
|
||||
]
|
||||
}
|
||||
]}
|
||||
@@ -128,30 +126,6 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="packages" data-section="packages">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "oil-change-pro", name: "Pro Oil Change", price: "$59", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-car-service-station_23-2148327584.jpg", imageAlt: "Pro Oil Change package"},
|
||||
{
|
||||
id: "tire-rotation-balance", name: "Tire Rotation & Balance", price: "$79", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-car-workshop_329181-11805.jpg", imageAlt: "Tire Rotation & Balance package"},
|
||||
{
|
||||
id: "brake-inspection-plus", name: "Brake Inspection Plus", price: "$99", imageSrc: "http://img.b2bpic.net/free-photo/apple-hand-holding-clipboard_23-2147628659.jpg", imageAlt: "Brake Inspection Plus package"},
|
||||
{
|
||||
id: "engine-diagnostic-basic", name: "Basic Engine Diagnostic", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-servicing-car-engine_1170-1302.jpg", imageAlt: "Basic Engine Diagnostic package"},
|
||||
{
|
||||
id: "ac-recharge-service", name: "AC Recharge Service", price: "$149", imageSrc: "http://img.b2bpic.net/free-photo/young-man-fixing-car_23-2148514922.jpg", imageAlt: "AC Recharge Service package"},
|
||||
{
|
||||
id: "full-vehicle-inspection", name: "Full Vehicle Inspection", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/female-manager-car-mechanic-cooperating-while-using-laptop-testing-engine-performance-auto-repair-shop_637285-7690.jpg", imageAlt: "Full Vehicle Inspection package"},
|
||||
]}
|
||||
title="Service Packages & Specials"
|
||||
description="Choose from our expertly crafted service packages designed to offer the best value and keep your car in top condition."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
@@ -159,15 +133,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Michael S.", date: "May 10, 2024", title: "Exceptional Service!", quote: "Skidders Garage always provides top-notch service. They are professional, transparent, and get the job done right every time. Highly recommend!", tag: "Reliable", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-talking-her-car-mechanic-repair-shop_637285-8670.jpg"},
|
||||
id: "1", name: "Michael S.", date: "May 10, 2024", title: "Beyond Expectation: My Car Runs Like New!", quote: "I brought my car in for a strange knocking noise, and the team at Skidders Garage not only diagnosed it quickly but fixed it perfectly. The transparent pricing and detailed explanation of the repair were truly impressive. My car hasn't run this smoothly in years!", tag: "Engine Repair", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-talking-her-car-mechanic-repair-shop_637285-8670.jpg"},
|
||||
{
|
||||
id: "2", name: "Sarah J.", date: "April 22, 2024", title: "Trustworthy Mechanics", quote: "I've been coming to Skidders for years. Their team is honest, knowledgeable, and always goes the extra mile. Wouldn't go anywhere else!", tag: "Honest", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-blonde-woman-holding-car-keys_23-2148384904.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-mechanic-working-air-conditioning-system-car-auto-repair-shop_637285-4283.jpg"},
|
||||
id: "2", name: "Sarah J.", date: "April 22, 2024", title: "Excellent Brake Service – Felt Safe Instantly!", quote: "My brakes were squealing, and I was worried. Skidders Garage provided a thorough inspection and replaced the pads and rotors. The difference is night and day! I feel much safer on the road, and the service was completed faster than I expected. Highly recommend their expertise!", tag: "Brake Service", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-blonde-woman-holding-car-keys_23-2148384904.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-mechanic-working-air-conditioning-system-car-auto-repair-shop_637285-4283.jpg"},
|
||||
{
|
||||
id: "3", name: "David L.", date: "March 15, 2024", title: "Quick & Efficient", quote: "Needed an urgent repair and they squeezed me in. Fast service, fair pricing, and my car is running perfectly. Fantastic experience!", tag: "Efficient", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-senior-man_23-2149207225.jpg", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-laptop_1170-1293.jpg"},
|
||||
id: "3", name: "David L.", date: "March 15, 2024", title: "Fast Oil Change, Great Value, and Professional Staff", quote: "I needed a quick oil change before a road trip. Skidders Garage got me in and out in no time, and their pricing was very competitive. The staff was friendly and made sure I understood everything. It's great to find a reliable garage that values your time.", tag: "Routine Maintenance", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-senior-man_23-2149207225.jpg", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-laptop_1170-1293.jpg"},
|
||||
{
|
||||
id: "4", name: "Emily R.", date: "February 28, 2024", title: "Great Communication", quote: "They kept me updated throughout the process and clearly explained everything. No surprises, just excellent customer care.", tag: "Transparent", avatarSrc: "http://img.b2bpic.net/free-photo/assortment-with-happy-emotion_23-2148860245.jpg", imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-shaking-hands-with-his-customers-workshop_637285-7786.jpg"},
|
||||
id: "4", name: "Emily R.", date: "February 28, 2024", title: "Transparent Communication and Quality Tire Repair", quote: "Had a flat tire that I thought was irreparable. Skidders Garage clearly explained my options, including a patch repair which saved me money on a new tire. Their honesty and communication throughout the process were fantastic. My new go-to for tire services!", tag: "Tire Repair", avatarSrc: "http://img.b2bpic.net/free-photo/assortment-with-happy-emotion_23-2148860245.jpg", imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-shaking-hands-with-his-customers-workshop_637285-7786.jpg"},
|
||||
{
|
||||
id: "5", name: "Chris B.", date: "January 19, 2024", title: "Best in Town!", quote: "Skidders Garage truly stands out. Their expertise and friendly approach make them my go-to for all car maintenance and repairs.", tag: "Expert", avatarSrc: "http://img.b2bpic.net/free-photo/elegant-uber-driver-giving-taxi-ride_23-2149241746.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-using-wrench-tighten-wheel-nuts_23-2148254118.jpg"},
|
||||
id: "5", name: "Chris B.", date: "January 19, 2024", title: "AC Fixed Just in Time for Summer Heat!", quote: "My car's AC stopped blowing cold air just as summer was approaching. Skidders Garage diagnosed a refrigerant leak and fixed it promptly. Now my AC is ice cold! Their expertise saved me from a hot summer commute. Truly the best auto service in town.", tag: "AC Service", avatarSrc: "http://img.b2bpic.net/free-photo/elegant-uber-driver-giving-taxi-ride_23-2149241746.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-using-wrench-tighten-wheel-nuts_23-2148254118.jpg"},
|
||||
{
|
||||
id: "6", name: "Jessica T.", date: "December 5, 2023", title: "Pre-Purchase Inspection Was Thorough and Reassuring", quote: "Before buying a used car, I brought it to Skidders Garage for a pre-purchase inspection. They found a few minor issues I wouldn't have noticed, which allowed me to negotiate a better price. Their thoroughness gave me immense peace of mind. Excellent service!", tag: "Vehicle Inspection", avatarSrc: "http://img.b2bpic.net/free-photo/young-attractive-businesswoman-holding-clipboard-standing-front-her-car-talking-phone_23-2147983670.jpg", imageSrc: "http://img.b2bpic.net/free-photo/female-manager-car-mechanic-cooperating-while-using-laptop-testing-engine-performance-auto-repair-shop_637285-7690.jpg"}
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Hear from satisfied clients who trust Skidders Garage for all their automotive needs."
|
||||
@@ -180,15 +156,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1", title: "What types of vehicles do you service?", content: "We service a wide range of vehicles, including sedans, SUVs, trucks, and vans, both domestic and foreign models. Contact us for specific inquiries."},
|
||||
id: "faq1", title: "What types of vehicles do you service?", content: "We proudly service a comprehensive range of vehicles, including all makes and models of sedans, SUVs, trucks, and vans, both domestic and foreign. If you have a specialty vehicle, please contact us for specific inquiries."},
|
||||
{
|
||||
id: "faq2", title: "Do I need an appointment for service?", content: "While walk-ins are welcome for minor services, we highly recommend scheduling an appointment to ensure prompt service and minimize your wait time."},
|
||||
id: "faq2", title: "Do I need an appointment for service?", content: "While we strive to accommodate walk-ins for minor services, we highly recommend scheduling an appointment in advance. This ensures dedicated attention, minimizes your wait time, and guarantees we have the necessary parts and technicians available for your vehicle's specific needs."},
|
||||
{
|
||||
id: "faq3", title: "What are your operating hours?", content: "Our garage is open Monday to Friday from 8:00 AM to 5:00 PM, and Saturday from 9:00 AM to 1:00 PM. We are closed on Sundays."},
|
||||
id: "faq3", title: "What are your operating hours?", content: "Our garage is open Monday to Friday from 8:00 AM to 5:00 PM, and Saturday from 9:00 AM to 1:00 PM. We are closed on Sundays to allow our team to rest and recharge."},
|
||||
{
|
||||
id: "faq4", title: "Do you offer a warranty on your repairs?", content: "Yes, we stand behind our work. Most repairs come with a standard 12-month/12,000-mile warranty. Please ask for details on specific services."},
|
||||
id: "faq4", title: "Do you offer a warranty on your repairs?", content: "Yes, we absolutely stand behind the quality of our workmanship and parts. Most repairs come with a standard 12-month or 12,000-mile warranty, whichever comes first. Please don't hesitate to ask our service advisors for full details regarding specific services and their warranties."},
|
||||
{
|
||||
id: "faq5", title: "Can I get a quote before any work is done?", content: "Absolutely! We provide detailed and transparent quotes for all services before starting any work. No hidden fees or surprises."},
|
||||
id: "faq5", title: "Can I get a quote before any work is done?", content: "Absolutely! Transparency is a cornerstone of our service. We always provide a detailed, itemized quote for all recommended services and repairs before any work begins. We'll thoroughly explain everything, answer your questions, and ensure you're comfortable with the plan before proceeding. No hidden fees or surprises!"}
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to common questions about our services, pricing, and scheduling."
|
||||
@@ -203,7 +179,13 @@ export default function LandingPage() {
|
||||
variant: "downward-rays-static"}}
|
||||
tag="Get in Touch"
|
||||
title="Schedule Your Service Today"
|
||||
description="Ready for reliable auto care? Fill out the form below or give us a call to book your appointment. Find us here: https://maps.app.goo.gl/UuZLmh6yuU4G9aoW8?g_st=ic"
|
||||
description="Ready for reliable auto care? Contact Skidders Garage directly or fill out the form below to book your appointment.
|
||||
|
||||
Phone: (555) 123-4567
|
||||
Email: info@skiddersgarage.com
|
||||
Address: 123 Auto Service Lane, Anytown, USA 12345
|
||||
|
||||
Find us here: https://maps.app.goo.gl/UuZLmh6yuU4G9aoW8?g_st=ic"
|
||||
inputPlaceholder="Your Name, Email, Phone, Message"
|
||||
buttonText="Send Request"
|
||||
termsText="By submitting your request, you agree to our terms and conditions."
|
||||
@@ -225,8 +207,8 @@ export default function LandingPage() {
|
||||
{
|
||||
label: "Brake Repair", href: "#services"},
|
||||
{
|
||||
label: "Diagnostics", href: "#services"},
|
||||
],
|
||||
label: "Diagnostics", href: "#services"}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
@@ -237,17 +219,17 @@ export default function LandingPage() {
|
||||
{
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact Us", href: "#contact"},
|
||||
],
|
||||
label: "Contact Us", href: "#contact"}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
label: "Terms of Service", href: "#"}
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2024 Skidders Garage. All rights reserved."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user