Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 1498a981ce |
177
src/app/page.tsx
177
src/app/page.tsx
@@ -30,17 +30,11 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Sevilla's Auto Shop"
|
||||
/>
|
||||
@@ -49,51 +43,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Premium Auto Care in Chicago"
|
||||
description="Honest pricing. Expert repairs. Trusted by Chicago drivers for years at 4635 N Milwaukee Ave."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:7737948636",
|
||||
},
|
||||
text: "Call Now", href: "tel:7737948636"},
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://www.google.com/maps/dir/?api=1&destination=4635+N+Milwaukee+Ave+Chicago+IL",
|
||||
},
|
||||
text: "Get Directions", href: "https://www.google.com/maps/dir/?api=1&destination=4635+N+Milwaukee+Ave+Chicago+IL"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580547.jpg",
|
||||
imageAlt: "modern automotive garage industrial interior",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580547.jpg", imageAlt: "modern automotive garage industrial interior"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-spending-time-gas-station_23-2150440262.jpg",
|
||||
imageAlt: "modern automotive garage industrial interior",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/people-spending-time-gas-station_23-2150440262.jpg", imageAlt: "modern automotive garage industrial interior"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-garage-fix-customers-car_482257-76174.jpg",
|
||||
imageAlt: "modern automotive garage industrial interior",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/colleagues-garage-fix-customers-car_482257-76174.jpg", imageAlt: "modern automotive garage industrial interior"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/repairmen-fix-car-together_482257-102916.jpg",
|
||||
imageAlt: "modern automotive garage industrial interior",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/repairmen-fix-car-together_482257-102916.jpg", imageAlt: "modern automotive garage industrial interior"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-examining-car-wheel_1170-1205.jpg",
|
||||
imageAlt: "modern automotive garage industrial interior",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-examining-car-wheel_1170-1205.jpg", imageAlt: "modern automotive garage industrial interior"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-expert-mechanic-dressed-uniform-standing-with-crowbar-hand-against-car-lift-garage_613910-18004.jpg",
|
||||
imageAlt: "modern automotive garage industrial interior",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/bearded-expert-mechanic-dressed-uniform-standing-with-crowbar-hand-against-car-lift-garage_613910-18004.jpg", imageAlt: "modern automotive garage industrial interior"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -105,47 +76,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "General Repairs",
|
||||
subtitle: "Full service for all vehicle types.",
|
||||
category: "Repair",
|
||||
value: "Reliable",
|
||||
},
|
||||
id: "1", title: "General Repairs", subtitle: "Full service for all vehicle types.", category: "Repair", value: "Reliable"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Diagnostics",
|
||||
subtitle: "Advanced scan and troubleshooting.",
|
||||
category: "Tech",
|
||||
value: "Precise",
|
||||
},
|
||||
id: "2", title: "Diagnostics", subtitle: "Advanced scan and troubleshooting.", category: "Tech", value: "Precise"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Brake Service",
|
||||
subtitle: "Professional pad and rotor service.",
|
||||
category: "Safety",
|
||||
value: "Essential",
|
||||
},
|
||||
id: "3", title: "Brake Service", subtitle: "Professional pad and rotor service.", category: "Safety", value: "Essential"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Oil Changes",
|
||||
subtitle: "Quick and clean fluid services.",
|
||||
category: "Maintenance",
|
||||
value: "Efficient",
|
||||
},
|
||||
id: "4", title: "Oil Changes", subtitle: "Quick and clean fluid services.", category: "Maintenance", value: "Efficient"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Engine Work",
|
||||
subtitle: "In-depth mechanical overhauls.",
|
||||
category: "Repair",
|
||||
value: "Expert",
|
||||
},
|
||||
id: "5", title: "Engine Work", subtitle: "In-depth mechanical overhauls.", category: "Repair", value: "Expert"},
|
||||
{
|
||||
id: "6",
|
||||
title: "Fleet Maintenance",
|
||||
subtitle: "Trusted support for local business vehicles.",
|
||||
category: "Fleet",
|
||||
value: "Consistent",
|
||||
},
|
||||
id: "6", title: "Fleet Maintenance", subtitle: "Trusted support for local business vehicles.", category: "Fleet", value: "Consistent"},
|
||||
]}
|
||||
title="Expert Automotive Services"
|
||||
description="Comprehensive diagnostics and high-quality repairs by experienced mechanics."
|
||||
@@ -160,25 +101,15 @@ export default function LandingPage() {
|
||||
author="Samy, Amanda, Zack, & Local Clients"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg",
|
||||
alt: "happy customer portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg", alt: "happy customer portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-young-woman-giving-thumbs-up-standing-isolated-rosy_176532-7958.jpg",
|
||||
alt: "happy customer portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-young-woman-giving-thumbs-up-standing-isolated-rosy_176532-7958.jpg", alt: "happy customer portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg",
|
||||
alt: "happy customer portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg", alt: "happy customer portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-looking-camera_23-2148187139.jpg",
|
||||
alt: "happy customer portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-looking-camera_23-2148187139.jpg", alt: "happy customer portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-view-attractive-adult-male-with-beard-sitting-open-terrace-typing-laptop-looking-screen-with-interested-smile-using-wi-fi-communicate-online-while-away-vacations_273609-6597.jpg",
|
||||
alt: "happy customer portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-view-attractive-adult-male-with-beard-sitting-open-terrace-typing-laptop-looking-screen-with-interested-smile-using-wi-fi-communicate-online-while-away-vacations_273609-6597.jpg", alt: "happy customer portrait"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -195,25 +126,13 @@ export default function LandingPage() {
|
||||
description="We are committed to delivering excellence in every repair."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
description: "Serving Chicago drivers with reliable expertise.",
|
||||
icon: Wrench,
|
||||
id: "m1", value: "15+", title: "Years Experience", description: "Serving Chicago drivers with reliable expertise.", icon: Wrench,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "10k+",
|
||||
title: "Repairs Completed",
|
||||
description: "Trusted by our loyal customer base.",
|
||||
icon: Car,
|
||||
id: "m2", value: "10k+", title: "Repairs Completed", description: "Trusted by our loyal customer base.", icon: Car,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.9",
|
||||
title: "Avg Rating",
|
||||
description: "Based on verified local client feedback.",
|
||||
icon: Star,
|
||||
id: "m3", value: "4.9", title: "Avg Rating", description: "Based on verified local client feedback.", icon: Star,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -223,16 +142,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Visit Us"
|
||||
title="Book Appointment"
|
||||
description="Ready to get back on the road? Visit us at 4635 N Milwaukee Ave, Chicago or give us a call to schedule your repair."
|
||||
buttons={[
|
||||
{
|
||||
text: "(773) 794-8636",
|
||||
href: "tel:7737948636",
|
||||
},
|
||||
text: "(773) 794-8636", href: "tel:7737948636"},
|
||||
{
|
||||
text: "Get Directions", href: "https://www.google.com/maps/dir/?api=1&destination=4635+N+Milwaukee+Ave+Chicago+IL"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -241,42 +159,27 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
title: "Location", items: [
|
||||
{
|
||||
label: "4635 N Milwaukee Ave",
|
||||
href: "https://www.google.com/maps/dir/?api=1&destination=4635+N+Milwaukee+Ave+Chicago+IL",
|
||||
},
|
||||
label: "4635 N Milwaukee Ave", href: "https://www.google.com/maps/dir/?api=1&destination=4635+N+Milwaukee+Ave+Chicago+IL"},
|
||||
{
|
||||
label: "Chicago, IL 60630",
|
||||
href: "#",
|
||||
},
|
||||
label: "Chicago, IL 60630", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Hours",
|
||||
items: [
|
||||
title: "Hours", items: [
|
||||
{
|
||||
label: "Mon–Fri: 8AM – 5PM",
|
||||
href: "#",
|
||||
},
|
||||
label: "Mon–Fri: 8AM – 5PM", href: "#"},
|
||||
{
|
||||
label: "Sat-Sun: Closed",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sat-Sun: Closed", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "(773) 794-8636",
|
||||
href: "tel:7737948636",
|
||||
},
|
||||
label: "(773) 794-8636", href: "tel:7737948636"},
|
||||
{
|
||||
label: "Email: support@sevillashop.com",
|
||||
href: "mailto:support@sevillashop.com",
|
||||
},
|
||||
label: "Email: support@sevillashop.com", href: "mailto:support@sevillashop.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -287,4 +190,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user