Merge version_1 into main #2
228
src/app/page.tsx
228
src/app/page.tsx
@@ -31,86 +31,41 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="North Main"
|
||||
button={{
|
||||
text: "Call Now: (555) 123-4567",
|
||||
href: "tel:5551234567",
|
||||
}}
|
||||
text: "Call Now: (555) 123-4567", href: "tel:5551234567"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Your Trusted Local Choice for Quality Service"
|
||||
description="Providing top-notch fuel, maintenance, and convenience services right here on North Main. We're open early and stay late for your needs."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/women-happily-shopping-buying-consumer-products-customer-day_23-2151623381.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/group-friends-planning-trip-cafe_23-2148952351.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/great-beautiful-young-female-shows-thumbs-up-smiling-looking-camera_651396-3868.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mechanic-standing-with-arms-crossed_1170-1281.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-4107.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/women-happily-shopping-buying-consumer-products-customer-day_23-2151623381.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/group-friends-planning-trip-cafe_23-2148952351.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/great-beautiful-young-female-shows-thumbs-up-smiling-looking-camera_651396-3868.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/mechanic-standing-with-arms-crossed_1170-1281.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-4107.jpg", alt: "Customer" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5551234567",
|
||||
},
|
||||
{
|
||||
text: "Request Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Call Now", href: "tel:5551234567" },
|
||||
{ text: "Request Quote", href: "#contact" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Fuel Availability",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Maintenance",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Guaranteed",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Owned",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Friendly Service",
|
||||
},
|
||||
{ type: "text", text: "24/7 Fuel Availability" },
|
||||
{ type: "text", text: "Expert Maintenance" },
|
||||
{ type: "text", text: "Quality Guaranteed" },
|
||||
{ type: "text", text: "Locally Owned" },
|
||||
{ type: "text", text: "Friendly Service" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -120,14 +75,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Serving North Main for Over 20 Years"
|
||||
description={[
|
||||
"We take pride in keeping our community moving. From quick fuel-ups to essential vehicle maintenance, our team is committed to transparency, speed, and safety.",
|
||||
"Visit North Main Services today and experience why your neighbors trust us with their vehicles and daily needs.",
|
||||
]}
|
||||
"We take pride in keeping our community moving. From quick fuel-ups to essential vehicle maintenance, our team is committed to transparency, speed, and safety.", "Visit North Main Services today and experience why your neighbors trust us with their vehicles and daily needs."]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Get Directions", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -139,49 +89,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Top Tier Fuel",
|
||||
description: "High-quality fuel that keeps your engine running smoothly.",
|
||||
icon: Droplets,
|
||||
title: "Top Tier Fuel", description: "High-quality fuel that keeps your engine running smoothly.", icon: Droplets,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-receiving-groceries_23-2149722278.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-receiving-groceries_23-2149722278.jpg?_wi=2",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-receiving-groceries_23-2149722278.jpg", imageAlt: "local gas station exterior daytime" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-receiving-groceries_23-2149722278.jpg", imageAlt: "local gas station exterior daytime" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-station-morning-france_268835-3545.jpg",
|
||||
imageAlt: "local gas station exterior daytime",
|
||||
},
|
||||
{
|
||||
title: "Expert Maintenance",
|
||||
description: "Quick checks and essential repairs for all vehicle types.",
|
||||
icon: Wrench,
|
||||
title: "Expert Maintenance", description: "Quick checks and essential repairs for all vehicle types.", icon: Wrench,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-set-metal-wrenches_23-2148428303.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-set-metal-wrenches_23-2148428303.jpg?_wi=2",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-set-metal-wrenches_23-2148428303.jpg", imageAlt: "mechanic working on vehicle professional" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-set-metal-wrenches_23-2148428303.jpg", imageAlt: "mechanic working on vehicle professional" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/room-with-marble-floor_1127-2030.jpg",
|
||||
imageAlt: "mechanic working on vehicle professional",
|
||||
},
|
||||
{
|
||||
title: "Friendly Support",
|
||||
description: "Our staff is here to help you get on your way safely.",
|
||||
icon: Users,
|
||||
title: "Friendly Support", description: "Our staff is here to help you get on your way safely.", icon: Users,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-woman-with-car-gas-station_23-2150516380.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-woman-with-car-gas-station_23-2150516380.jpg?_wi=2",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-woman-with-car-gas-station_23-2150516380.jpg", imageAlt: "gas pump service clean modern" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-woman-with-car-gas-station_23-2150516380.jpg", imageAlt: "gas pump service clean modern" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-receiving-groceries_23-2149722278.jpg?_wi=3",
|
||||
imageAlt: "gas pump service clean modern",
|
||||
},
|
||||
]}
|
||||
title="Why North Main Services?"
|
||||
@@ -195,45 +121,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Excellent Service!",
|
||||
quote: "The team at North Main always gets me back on the road in no time.",
|
||||
name: "John D.",
|
||||
role: "Local Driver",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-happily-shopping-buying-consumer-products-customer-day_23-2151623381.jpg",
|
||||
},
|
||||
id: "1", title: "Excellent Service!", quote: "The team at North Main always gets me back on the road in no time.", name: "John D.", role: "Local Driver", imageSrc: "http://img.b2bpic.net/free-photo/women-happily-shopping-buying-consumer-products-customer-day_23-2151623381.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Friendly People",
|
||||
quote: "Always greet me with a smile. The best station in the area!",
|
||||
name: "Sarah P.",
|
||||
role: "Commuter",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-planning-trip-cafe_23-2148952351.jpg",
|
||||
},
|
||||
id: "2", title: "Friendly People", quote: "Always greet me with a smile. The best station in the area!", name: "Sarah P.", role: "Commuter", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-planning-trip-cafe_23-2148952351.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Fast and Reliable",
|
||||
quote: "Conveniently located and very fast service. Highly recommend.",
|
||||
name: "Mike T.",
|
||||
role: "Local Resident",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/great-beautiful-young-female-shows-thumbs-up-smiling-looking-camera_651396-3868.jpg",
|
||||
},
|
||||
id: "3", title: "Fast and Reliable", quote: "Conveniently located and very fast service. Highly recommend.", name: "Mike T.", role: "Local Resident", imageSrc: "http://img.b2bpic.net/free-photo/great-beautiful-young-female-shows-thumbs-up-smiling-looking-camera_651396-3868.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Great Shop",
|
||||
quote: "Helped me out with a quick tire fix. So professional!",
|
||||
name: "Emily R.",
|
||||
role: "Driver",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-standing-with-arms-crossed_1170-1281.jpg",
|
||||
},
|
||||
id: "4", title: "Great Shop", quote: "Helped me out with a quick tire fix. So professional!", name: "Emily R.", role: "Driver", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-standing-with-arms-crossed_1170-1281.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Reliable Fuel",
|
||||
quote: "My go-to spot for fuel every week. Consistent quality.",
|
||||
name: "Chris B.",
|
||||
role: "Regular Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-4107.jpg",
|
||||
},
|
||||
id: "5", title: "Reliable Fuel", quote: "My go-to spot for fuel every week. Consistent quality.", name: "Chris B.", role: "Regular Client", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-4107.jpg"},
|
||||
]}
|
||||
title="Loved by Our Neighbors"
|
||||
description="Don't just take our word for it—see what local drivers are saying about North Main Services."
|
||||
@@ -245,21 +141,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What are your business hours?",
|
||||
content: "We are open from 6:00 AM to 10:00 PM every day to serve your needs.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer vehicle diagnostic services?",
|
||||
content: "Yes, we perform basic vehicle diagnostics and routine maintenance checks.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is the gas station open 24/7?",
|
||||
content: "Our fuel pumps are available until 10:00 PM daily.",
|
||||
},
|
||||
{ id: "q1", title: "What are your business hours?", content: "We are open from 6:00 AM to 10:00 PM every day to serve your needs." },
|
||||
{ id: "q2", title: "Do you offer vehicle diagnostic services?", content: "Yes, we perform basic vehicle diagnostics and routine maintenance checks." },
|
||||
{ id: "q3", title: "Is the gas station open 24/7?", content: "Our fuel pumps are available until 10:00 PM daily." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We have the answers."
|
||||
@@ -270,9 +154,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Get a Service Quote"
|
||||
description="Have a specific service question or need a quote? Reach out to us today and we'll be happy to assist."
|
||||
@@ -288,37 +170,17 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Navigation", items: [
|
||||
{ label: "Services", href: "#features" },
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user