250 lines
8.6 KiB
TypeScript
250 lines
8.6 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="aurora"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Services",
|
|
id: "services",
|
|
},
|
|
{
|
|
name: "Reviews",
|
|
id: "reviews",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="Sevilla's Auto Shop"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardGallery
|
|
background={{
|
|
variant: "plain",
|
|
}}
|
|
title="Premium Auto Care in Chicago"
|
|
description="Honest pricing. Expert repairs. Trusted by Chicago drivers for years. We provide quality service at 4635 N Milwaukee Ave."
|
|
buttons={[
|
|
{
|
|
text: "Call Now",
|
|
href: "tel:7737948636",
|
|
},
|
|
{
|
|
text: "Directions",
|
|
href: "https://maps.google.com/?q=4635+N+Milwaukee+Ave+Chicago+IL",
|
|
},
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-working-tablet-office_23-2149307827.jpg",
|
|
imageAlt: "Modern auto garage",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/traffic-road-overpasses_1359-902.jpg",
|
|
imageAlt: "Engine maintenance",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881846.jpg",
|
|
imageAlt: "Brake service",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-laptop-while-servicing-car-engine_1170-1334.jpg",
|
|
imageAlt: "Diagnostics",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-shanghai-overpass-night_1359-643.jpg",
|
|
imageAlt: "Oil change",
|
|
},
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentySix
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "General Repairs",
|
|
description: "High-quality general auto repairs done right the first time.",
|
|
buttonIcon: "Zap",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-control-box_107420-95946.jpg",
|
|
imageAlt: "modern auto garage high tech professional",
|
|
},
|
|
{
|
|
title: "Engine Work",
|
|
description: "In-depth engine repairs and tuning by experienced specialists.",
|
|
buttonIcon: "Zap",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-working-tablet-office_23-2149307827.jpg",
|
|
imageAlt: "modern auto garage high tech professional",
|
|
},
|
|
{
|
|
title: "Brake Service",
|
|
description: "Complete brake inspection and replacement for your safety.",
|
|
buttonIcon: "Zap",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/muslim-couple-traveling-together_23-2149305596.jpg",
|
|
imageAlt: "modern auto garage high tech professional",
|
|
},
|
|
{
|
|
title: "Diagnostics",
|
|
description: "Modern scanning technology to find issues fast.",
|
|
buttonIcon: "Zap",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-black-mechanic-taking-notes-while-talking-customer-auto-repair-shop_637285-11587.jpg",
|
|
imageAlt: "modern auto garage high tech professional",
|
|
},
|
|
{
|
|
title: "Oil Changes",
|
|
description: "Quick and professional oil service to keep your car running smooth.",
|
|
buttonIcon: "Zap",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/satisfied-customer-handshaking-with-female-mechanic-auto-repair-shop_637285-7758.jpg",
|
|
imageAlt: "modern auto garage high tech professional",
|
|
},
|
|
{
|
|
title: "Maintenance",
|
|
description: "Routine checkups to prevent major future repair costs.",
|
|
buttonIcon: "Zap",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-mechanic-greeting-with-his-african-american-coworker-auto-repair-shop_637285-11601.jpg",
|
|
imageAlt: "modern auto garage high tech professional",
|
|
},
|
|
]}
|
|
title="Our Services"
|
|
description="Professional automotive care you can trust, delivered by Chicago's best mechanics."
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-us" data-section="why-us">
|
|
<MetricCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1",
|
|
value: "100%",
|
|
description: "Transparent & Honest Pricing",
|
|
},
|
|
{
|
|
id: "m2",
|
|
value: "24h",
|
|
description: "Fast Turnaround on Most Jobs",
|
|
},
|
|
{
|
|
id: "m3",
|
|
value: "5000+",
|
|
description: "Trusted Chicago Customers",
|
|
},
|
|
]}
|
|
title="Why Choose Sevilla's?"
|
|
description="Excellence and integrity in every repair."
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "t1",
|
|
name: "Samy",
|
|
role: "Client",
|
|
company: "Local Driver",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/muslim-couple-traveling-together_23-2149305596.jpg",
|
|
},
|
|
{
|
|
id: "t2",
|
|
name: "Amanda",
|
|
role: "Client",
|
|
company: "Local Driver",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-black-mechanic-taking-notes-while-talking-customer-auto-repair-shop_637285-11587.jpg",
|
|
},
|
|
{
|
|
id: "t3",
|
|
name: "Zack",
|
|
role: "Client",
|
|
company: "Local Driver",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/satisfied-customer-handshaking-with-female-mechanic-auto-repair-shop_637285-7758.jpg",
|
|
},
|
|
{
|
|
id: "t4",
|
|
name: "Marcus",
|
|
role: "Client",
|
|
company: "Local Driver",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-mechanic-greeting-with-his-african-american-coworker-auto-repair-shop_637285-11601.jpg",
|
|
},
|
|
{
|
|
id: "t5",
|
|
name: "Elena",
|
|
role: "Client",
|
|
company: "Local Driver",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-standing-repair-garage_1170-1536.jpg",
|
|
},
|
|
]}
|
|
title="Trusted by Drivers"
|
|
description="Hear what our Chicago neighbors say about their experience."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain",
|
|
}}
|
|
tag="Contact Us"
|
|
title="Book Your Appointment"
|
|
description="Get your car running perfectly again. Fill out the form or give us a call at (773) 794-8636."
|
|
mediaAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/happy-african-american-car-repairman-greeting-with-male-customer-auto-repair-shop_637285-2425.jpg"
|
|
imageAlt="Happy African American car repairman greeting with male customer in auto repair shop"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Sevilla's Auto Shop"
|
|
copyrightText="© 2025 Sevilla's Auto Shop. 4635 N Milwaukee Ave, Chicago, IL."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|