Merge version_1 into main #2
225
src/app/page.tsx
225
src/app/page.tsx
@@ -29,26 +29,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Hammonasset Service Station Inc."
|
||||
/>
|
||||
@@ -56,42 +41,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Honest, Reliable Auto Repair You Can Trust"
|
||||
description="Family-owned and operated auto repair in Madison, CT. Fast turnaround, fair pricing, and expert mechanics dedicated to keeping your vehicle running at its best."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5551234567",
|
||||
},
|
||||
{
|
||||
text: "Schedule Service",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Call Now", href: "tel:5551234567" },
|
||||
{ text: "Schedule Service", href: "#contact" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-replaces-car-engine-garage_482257-76094.jpg?_wi=1",
|
||||
imageAlt: "Mechanic shop",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/auto-repairman-working-computer-while-doing-car-diagnostic-with-his-coworker-workshop_637285-7640.jpg?_wi=1",
|
||||
imageAlt: "Engine diagnostics",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-giving-her-car-keys-mechanic_1170-1483.jpg?_wi=1",
|
||||
imageAlt: "Auto service station",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-replaces-car-engine-garage_482257-76094.jpg?_wi=2",
|
||||
imageAlt: "Service bay",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/auto-repairman-working-computer-while-doing-car-diagnostic-with-his-coworker-workshop_637285-7640.jpg?_wi=2",
|
||||
imageAlt: "Tool workspace",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mechanic-replaces-car-engine-garage_482257-76094.jpg", imageAlt: "Mechanic shop" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/auto-repairman-working-computer-while-doing-car-diagnostic-with-his-coworker-workshop_637285-7640.jpg", imageAlt: "Engine diagnostics" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/customer-giving-her-car-keys-mechanic_1170-1483.jpg", imageAlt: "Auto service station" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mechanic-replaces-car-engine-garage_482257-76094.jpg", imageAlt: "Service bay" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/auto-repairman-working-computer-while-doing-car-diagnostic-with-his-coworker-workshop_637285-7640.jpg", imageAlt: "Tool workspace" },
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -104,46 +66,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Oil Changes",
|
||||
description: "High-quality synthetic and conventional oil changes to keep your engine smooth.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-tool-wheel-hands-mechanic-blue-work-clothes_1157-46152.jpg?_wi=1",
|
||||
imageAlt: "Oil change bay",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580612.jpg?_wi=1",
|
||||
imageAlt: "Technician working",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-replaces-car-engine-garage_482257-76094.jpg?_wi=3",
|
||||
imageAlt: "auto mechanic shop service interior",
|
||||
title: "Oil Changes", description: "High-quality synthetic and conventional oil changes to keep your engine smooth.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-tool-wheel-hands-mechanic-blue-work-clothes_1157-46152.jpg", imageAlt: "Oil change bay" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580612.jpg", imageAlt: "Technician working" }
|
||||
},
|
||||
{
|
||||
title: "Brake Repair",
|
||||
description: "Expert inspection, pad replacement, and brake system diagnostics for your safety.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-tool-wheel-hands-mechanic-blue-work-clothes_1157-46152.jpg?_wi=2",
|
||||
imageAlt: "Brake service",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580612.jpg?_wi=2",
|
||||
imageAlt: "Brake inspection",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/auto-repairman-working-computer-while-doing-car-diagnostic-with-his-coworker-workshop_637285-7640.jpg?_wi=3",
|
||||
imageAlt: "mechanic checking car engine professional",
|
||||
title: "Brake Repair", description: "Expert inspection, pad replacement, and brake system diagnostics for your safety.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-tool-wheel-hands-mechanic-blue-work-clothes_1157-46152.jpg", imageAlt: "Brake service" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580612.jpg", imageAlt: "Brake inspection" }
|
||||
},
|
||||
{
|
||||
title: "Diagnostics",
|
||||
description: "Advanced computer diagnostic tools to quickly identify and solve engine performance issues.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-tool-wheel-hands-mechanic-blue-work-clothes_1157-46152.jpg?_wi=3",
|
||||
imageAlt: "Computer diagnostic",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580612.jpg?_wi=3",
|
||||
imageAlt: "Engine scan",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-giving-her-car-keys-mechanic_1170-1483.jpg?_wi=2",
|
||||
imageAlt: "car repair station local service",
|
||||
title: "Diagnostics", description: "Advanced computer diagnostic tools to quickly identify and solve engine performance issues.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-tool-wheel-hands-mechanic-blue-work-clothes_1157-46152.jpg", imageAlt: "Computer diagnostic" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580612.jpg", imageAlt: "Engine scan" }
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -157,46 +89,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Honest Team",
|
||||
quote: "Finally found a mechanic I can trust. Fair pricing and fast turnaround every single time.",
|
||||
name: "Sarah J.",
|
||||
role: "Local Resident",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-mechanic-showing-thumbs-up_1170-1235.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Fast Service",
|
||||
quote: "They diagnosed my engine issue in minutes. Saved me a ton of money. Highly recommended!",
|
||||
name: "Michael R.",
|
||||
role: "Commuter",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-teenager-talking-phone_23-2148804639.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Great Experience",
|
||||
quote: "Very friendly and knowledgeable mechanics. They took the time to explain everything to me.",
|
||||
name: "Emily P.",
|
||||
role: "Family Member",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Professional Shop",
|
||||
quote: "Excellent communication and high-quality repairs. This is my go-to shop from now on.",
|
||||
name: "David K.",
|
||||
role: "Business Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Expert Care",
|
||||
quote: "They fixed my brakes efficiently and gave me great advice for long-term maintenance.",
|
||||
name: "Alex W.",
|
||||
role: "Local Professional",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mechanic-greeting-his-customers-auto-repair-shop_637285-11563.jpg",
|
||||
},
|
||||
{ id: "1", title: "Honest Team", quote: "Finally found a mechanic I can trust. Fair pricing and fast turnaround every single time.", name: "Sarah J.", role: "Local Resident", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-mechanic-showing-thumbs-up_1170-1235.jpg" },
|
||||
{ id: "2", title: "Fast Service", quote: "They diagnosed my engine issue in minutes. Saved me a ton of money. Highly recommended!", name: "Michael R.", role: "Commuter", imageSrc: "http://img.b2bpic.net/free-photo/pretty-teenager-talking-phone_23-2148804639.jpg" },
|
||||
{ id: "3", title: "Great Experience", quote: "Very friendly and knowledgeable mechanics. They took the time to explain everything to me.", name: "Emily P.", role: "Family Member", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg" },
|
||||
{ id: "4", title: "Professional Shop", quote: "Excellent communication and high-quality repairs. This is my go-to shop from now on.", name: "David K.", role: "Business Owner", imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg" },
|
||||
{ id: "5", title: "Expert Care", quote: "They fixed my brakes efficiently and gave me great advice for long-term maintenance.", name: "Alex W.", role: "Local Professional", imageSrc: "http://img.b2bpic.net/free-photo/happy-mechanic-greeting-his-customers-auto-repair-shop_637285-11563.jpg" },
|
||||
]}
|
||||
title="Trusted by Madison Locals"
|
||||
description="See why our neighbors trust us for honest, reliable auto service."
|
||||
@@ -208,21 +105,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Decades of Local Expertise"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years in Service",
|
||||
value: "20+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Customers",
|
||||
value: "10k+",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Google Rating",
|
||||
value: "4.9",
|
||||
},
|
||||
{ icon: Award, label: "Years in Service", value: "20+" },
|
||||
{ icon: Users, label: "Happy Customers", value: "10k+" },
|
||||
{ icon: Star, label: "Google Rating", value: "4.9" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -231,19 +116,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "downward-rays-animated",
|
||||
}}
|
||||
background={{ variant: "downward-rays-animated" }}
|
||||
text="Need professional service today? Contact us for a free quote or to schedule your appointment."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5551234567",
|
||||
},
|
||||
{
|
||||
text: "Request Appointment",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Call Now", href: "tel:5551234567" },
|
||||
{ text: "Request Appointment", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -253,45 +130,9 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/repairman-looks-online-new-car-parts_482257-76170.jpg"
|
||||
logoText="Hammonasset Service Station"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Brakes",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Oil Change",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "555-123-4567",
|
||||
href: "tel:5551234567",
|
||||
},
|
||||
{
|
||||
label: "Madison, CT",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Reviews", href: "#reviews" }] },
|
||||
{ title: "Services", items: [{ label: "Brakes", href: "#services" }, { label: "Oil Change", href: "#services" }] },
|
||||
{ title: "Contact", items: [{ label: "555-123-4567", href: "tel:5551234567" }, { label: "Madison, CT", href: "#contact" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user