Merge version_1 into main #2
299
src/app/page.tsx
299
src/app/page.tsx
@@ -17,27 +17,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Mir's Automotive"
|
||||
/>
|
||||
@@ -45,67 +40,29 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Trusted Auto Repair in Longwood, FL"
|
||||
description="Honest service for domestic & foreign vehicles. Serving Longwood drivers with reliable, high-quality repairs you can count on."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:4074798905",
|
||||
},
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Call Now", href: "tel:4074798905" },
|
||||
{ text: "Book Appointment", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-set-metal-wrenches_23-2148428304.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-set-metal-wrenches_23-2148428304.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-satisfied-happy-young-man-glasses-working-cafe-sitting-coworking-space-with-laptop-showing-thumbs-up-like-approve-smth-good-chatting-giving-online-lessons_1258-314620.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-looking-car-car-showroom_1303-14566.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-showcasing-food-local-venue_482257-76202.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-satisfied-happy-young-man-glasses-working-cafe-sitting-coworking-space-with-laptop-showing-thumbs-up-like-approve-smth-good-chatting-giving-online-lessons_1258-314620.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-looking-car-car-showroom_1303-14566.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-showcasing-food-local-venue_482257-76202.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ Local Drivers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "ASE Certified",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Family Owned",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Since 2010",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Warranty Backed",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Support",
|
||||
},
|
||||
{ type: "text", text: "ASE Certified" },
|
||||
{ type: "text", text: "Family Owned" },
|
||||
{ type: "text", text: "Since 2010" },
|
||||
{ type: "text", text: "Warranty Backed" },
|
||||
{ type: "text", text: "24/7 Support" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -114,56 +71,27 @@ export default function LandingPage() {
|
||||
<FeatureCardNine
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Oil Changes",
|
||||
description: "Quick, high-quality oil changes to keep your engine running smooth.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-preparing-check-list_1170-1506.jpg?_wi=1",
|
||||
imageAlt: "Oil Change",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-preparing-check-list_1170-1506.jpg?_wi=2",
|
||||
imageAlt: "Oil Change",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-set-metal-wrenches_23-2148428304.jpg?_wi=2",
|
||||
imageAlt: "professional mechanic garage background",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Brake Repair",
|
||||
description: "Reliable brake maintenance and repair for your safety.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-tool-wheel-hands-mechanic-blue-work-clothes_1157-46154.jpg?_wi=1",
|
||||
imageAlt: "Brake Repair",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-tool-wheel-hands-mechanic-blue-work-clothes_1157-46154.jpg?_wi=2",
|
||||
imageAlt: "Brake Repair",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-preparing-check-list_1170-1506.jpg?_wi=3",
|
||||
imageAlt: "oil change service automotive",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Diagnostics",
|
||||
description: "Advanced diagnostics to pinpoint vehicle issues quickly.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-examining-car-engine-with-help-laptop_1170-1531.jpg?_wi=1",
|
||||
imageAlt: "Diagnostics",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-examining-car-engine-with-help-laptop_1170-1531.jpg?_wi=2",
|
||||
imageAlt: "Diagnostics",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-tool-wheel-hands-mechanic-blue-work-clothes_1157-46154.jpg?_wi=3",
|
||||
imageAlt: "car brake repair mechanic",
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
showStepNumbers={false}
|
||||
title="Our Professional Services"
|
||||
description="Comprehensive automotive care to keep you on the road safely."
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Oil Changes", description: "Quick, high-quality oil changes to keep your engine running smooth.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/mechanic-preparing-check-list_1170-1506.jpg", imageAlt: "Oil Change" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/mechanic-preparing-check-list_1170-1506.jpg", imageAlt: "Oil Change" },
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Brake Repair", description: "Reliable brake maintenance and repair for your safety.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-tool-wheel-hands-mechanic-blue-work-clothes_1157-46154.jpg", imageAlt: "Brake Repair" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-tool-wheel-hands-mechanic-blue-work-clothes_1157-46154.jpg", imageAlt: "Brake Repair" },
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Diagnostics", description: "Advanced diagnostics to pinpoint vehicle issues quickly.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-examining-car-engine-with-help-laptop_1170-1531.jpg", imageAlt: "Diagnostics" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-examining-car-engine-with-help-laptop_1170-1531.jpg", imageAlt: "Diagnostics" },
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -173,60 +101,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
date: "2024-10-12",
|
||||
title: "Excellent Service",
|
||||
quote: "Honest service and affordable prices. Mir's is my go-to shop.",
|
||||
tag: "5 Stars",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-satisfied-happy-young-man-glasses-working-cafe-sitting-coworking-space-with-laptop-showing-thumbs-up-like-approve-smth-good-chatting-giving-online-lessons_1258-314620.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-examining-car-engine-with-help-laptop_1170-1531.jpg?_wi=3",
|
||||
imageAlt: "car diagnostic scan computer",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", date: "2024-10-12", title: "Excellent Service", quote: "Honest service and affordable prices. Mir's is my go-to shop.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-satisfied-happy-young-man-glasses-working-cafe-sitting-coworking-space-with-laptop-showing-thumbs-up-like-approve-smth-good-chatting-giving-online-lessons_1258-314620.jpg", imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-examining-car-engine-with-help-laptop_1170-1531.jpg", imageAlt: "car diagnostic scan computer"},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Doe",
|
||||
date: "2024-09-05",
|
||||
title: "Reliable",
|
||||
quote: "Highly recommend. They fixed my car fast and charged fairly.",
|
||||
tag: "5 Stars",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-satisfied-happy-young-man-glasses-working-cafe-sitting-coworking-space-with-laptop-showing-thumbs-up-like-approve-smth-good-chatting-giving-online-lessons_1258-314620.jpg",
|
||||
imageAlt: "happy customer car shop",
|
||||
},
|
||||
id: "2", name: "John Doe", date: "2024-09-05", title: "Reliable", quote: "Highly recommend. They fixed my car fast and charged fairly.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-satisfied-happy-young-man-glasses-working-cafe-sitting-coworking-space-with-laptop-showing-thumbs-up-like-approve-smth-good-chatting-giving-online-lessons_1258-314620.jpg", imageAlt: "happy customer car shop"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
date: "2024-08-20",
|
||||
title: "Great Shop",
|
||||
quote: "Everything was explained clearly. Very professional team.",
|
||||
tag: "5 Stars",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/man-looking-car-car-showroom_1303-14566.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg",
|
||||
imageAlt: "happy customer car shop",
|
||||
},
|
||||
id: "3", name: "Elena R.", date: "2024-08-20", title: "Great Shop", quote: "Everything was explained clearly. Very professional team.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/man-looking-car-car-showroom_1303-14566.jpg", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg", imageAlt: "happy customer car shop"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mark S.",
|
||||
date: "2024-07-15",
|
||||
title: "Fast Repair",
|
||||
quote: "Saved me hours of waiting compared to the dealership.",
|
||||
tag: "5 Stars",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-showcasing-food-local-venue_482257-76202.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-car-car-showroom_1303-14566.jpg",
|
||||
imageAlt: "happy customer car shop",
|
||||
},
|
||||
id: "4", name: "Mark S.", date: "2024-07-15", title: "Fast Repair", quote: "Saved me hours of waiting compared to the dealership.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/woman-showcasing-food-local-venue_482257-76202.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-car-car-showroom_1303-14566.jpg", imageAlt: "happy customer car shop"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa B.",
|
||||
date: "2024-06-02",
|
||||
title: "Trustworthy",
|
||||
quote: "They don't upsell things you don't need. Truly honest.",
|
||||
tag: "5 Stars",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-showcasing-food-local-venue_482257-76202.jpg",
|
||||
imageAlt: "happy customer car shop",
|
||||
},
|
||||
id: "5", name: "Lisa B.", date: "2024-06-02", title: "Trustworthy", quote: "They don't upsell things you don't need. Truly honest.", tag: "5 Stars", avatarSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-showcasing-food-local-venue_482257-76202.jpg", imageAlt: "happy customer car shop"},
|
||||
]}
|
||||
title="Customer Reviews"
|
||||
description="Don't just take our word for it—join hundreds of satisfied neighbors."
|
||||
@@ -242,34 +125,10 @@ export default function LandingPage() {
|
||||
title="By The Numbers"
|
||||
description="See why Longwood trusts us with their vehicles every day."
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
description: "Expert automotive care",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "5k+",
|
||||
title: "Vehicles Serviced",
|
||||
description: "Happy cars on the road",
|
||||
icon: Car,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "100%",
|
||||
title: "Satisfaction Rate",
|
||||
description: "Our promise to you",
|
||||
icon: Smile,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "4.9",
|
||||
title: "Avg. Google Rating",
|
||||
description: "Trusted by our community",
|
||||
icon: Star,
|
||||
},
|
||||
{ id: "1", value: "15+", title: "Years Experience", description: "Expert automotive care", icon: Award },
|
||||
{ id: "2", value: "5k+", title: "Vehicles Serviced", description: "Happy cars on the road", icon: Car },
|
||||
{ id: "3", value: "100%", title: "Satisfaction Rate", description: "Our promise to you", icon: Smile },
|
||||
{ id: "4", value: "4.9", title: "Avg. Google Rating", description: "Trusted by our community", icon: Star },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -279,28 +138,13 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Where are you located?",
|
||||
content: "1775 S US Hwy 17 92, Longwood, FL.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "What are your hours?",
|
||||
content: "Mon-Fri: 8am-6pm. Sat: By appointment.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you work on foreign cars?",
|
||||
content: "Yes, we service both domestic and foreign vehicles.",
|
||||
},
|
||||
{ id: "1", title: "Where are you located?", content: "1775 S US Hwy 17 92, Longwood, FL." },
|
||||
{ id: "2", title: "What are your hours?", content: "Mon-Fri: 8am-6pm. Sat: By appointment." },
|
||||
{ id: "3", title: "Do you work on foreign cars?", content: "Yes, we service both domestic and foreign vehicles." },
|
||||
]}
|
||||
ctaTitle="Ready for Service?"
|
||||
ctaDescription="Call us today to schedule your appointment or stop by our location in Longwood."
|
||||
ctaButton={{
|
||||
text: "Call Now",
|
||||
href: "tel:4074798905",
|
||||
}}
|
||||
ctaButton={{ text: "Call Now", href: "tel:4074798905" }}
|
||||
ctaIcon={Phone}
|
||||
/>
|
||||
</div>
|
||||
@@ -310,33 +154,16 @@ export default function LandingPage() {
|
||||
logoText="Mir's Automotive"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Oil Changes",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Brake Repair",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Diagnostics",
|
||||
href: "#",
|
||||
},
|
||||
title: "Services", items: [
|
||||
{ label: "Oil Changes", href: "#" },
|
||||
{ label: "Brake Repair", href: "#" },
|
||||
{ label: "Diagnostics", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user