Merge version_1 into main #2
195
src/app/page.tsx
195
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Queen City Auto"
|
||||
/>
|
||||
@@ -53,21 +45,16 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
logoText="Queen City Auto Repair"
|
||||
description="Charlotte’s most trusted auto repair shop. Where honest diagnostics, fair pricing, and royal treatment make you feel like family."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:704-000-0000",
|
||||
},
|
||||
text: "Call Now", href: "tel:704-000-0000"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blurred-parking_1203-705.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blurred-parking_1203-705.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -80,42 +67,18 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Engine Diagnostics",
|
||||
description: "Cutting-edge diagnostic tools to pinpoint issues fast.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-manly-woman-is-doing-car-diagnostic-with-computer-help-auto-service_613910-17106.jpg?_wi=1",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-manly-woman-is-doing-car-diagnostic-with-computer-help-auto-service_613910-17106.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-parking_1203-705.jpg?_wi=2",
|
||||
imageAlt: "luxury auto repair shop interior",
|
||||
title: "Engine Diagnostics", description: "Cutting-edge diagnostic tools to pinpoint issues fast.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/focused-manly-woman-is-doing-car-diagnostic-with-computer-help-auto-service_613910-17106.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/focused-manly-woman-is-doing-car-diagnostic-with-computer-help-auto-service_613910-17106.jpg" }
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Brake Repair",
|
||||
description: "Ensure your safety with our expert brake pad and rotor services.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-preparing-check-list_1170-1647.jpg?_wi=1",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-preparing-check-list_1170-1647.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-standing-with-arms-crossed_1170-1294.jpg",
|
||||
imageAlt: "friendly family mechanic shop owners",
|
||||
title: "Brake Repair", description: "Ensure your safety with our expert brake pad and rotor services.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/mechanic-preparing-check-list_1170-1647.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/mechanic-preparing-check-list_1170-1647.jpg" }
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Oil Changes",
|
||||
description: "Quick, reliable oil changes to keep your engine running smooth.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-mechanical-supplies-composition_23-2149552422.jpg?_wi=1",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-mechanical-supplies-composition_23-2149552422.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-manly-woman-is-doing-car-diagnostic-with-computer-help-auto-service_613910-17106.jpg?_wi=3",
|
||||
imageAlt: "engine diagnostic tool modern workshop",
|
||||
title: "Oil Changes", description: "Quick, reliable oil changes to keep your engine running smooth.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-mechanical-supplies-composition_23-2149552422.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-mechanical-supplies-composition_23-2149552422.jpg" }
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -131,19 +94,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Users,
|
||||
label: "Community Members Served",
|
||||
value: "2,500+",
|
||||
},
|
||||
label: "Community Members Served", value: "2,500+"},
|
||||
{
|
||||
icon: ThumbsUp,
|
||||
label: "5-Star Google Reviews",
|
||||
value: "450+",
|
||||
},
|
||||
label: "5-Star Google Reviews", value: "450+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years of Honest Service",
|
||||
value: "15+",
|
||||
},
|
||||
label: "Years of Honest Service", value: "15+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -151,63 +108,33 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "Local Teacher",
|
||||
company: "CMS",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-satisfied-africanamerican-woman-showing-okay-sign-smiling-recommending-something-good_1258-179439.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", role: "Local Teacher", company: "CMS", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-satisfied-africanamerican-woman-showing-okay-sign-smiling-recommending-something-good_1258-179439.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "David Carter",
|
||||
role: "Logistics Manager",
|
||||
company: "City Transit",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-carrying-shopping-bags_23-2148660764.jpg",
|
||||
},
|
||||
id: "2", name: "David Carter", role: "Logistics Manager", company: "City Transit", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-carrying-shopping-bags_23-2148660764.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Graphic Designer",
|
||||
company: "Creative Hub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-black-mechanic-taking-notes-while-talking-customer-auto-repair-shop_637285-11587.jpg",
|
||||
},
|
||||
id: "3", name: "Elena Rodriguez", role: "Graphic Designer", company: "Creative Hub", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-black-mechanic-taking-notes-while-talking-customer-auto-repair-shop_637285-11587.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mark Johnson",
|
||||
role: "Small Business Owner",
|
||||
company: "Independent",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-man-home-office_329181-20664.jpg",
|
||||
},
|
||||
id: "4", name: "Mark Johnson", role: "Small Business Owner", company: "Independent", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-man-home-office_329181-20664.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
role: "Hospital Admin",
|
||||
company: "Novant",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21369.jpg",
|
||||
},
|
||||
id: "5", name: "Jessica Lee", role: "Hospital Admin", company: "Novant", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21369.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Customer Rating",
|
||||
},
|
||||
value: "4.9", label: "Customer Rating"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Transparency",
|
||||
},
|
||||
value: "100%", label: "Transparency"},
|
||||
{
|
||||
value: "Same Day",
|
||||
label: "Turnaround",
|
||||
},
|
||||
value: "Same Day", label: "Turnaround"},
|
||||
]}
|
||||
title="Loved by Our Charlotte Family"
|
||||
description="Don't just take our word for it—see what your neighbors say about their experience at Queen City."
|
||||
@@ -220,27 +147,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer same-day service?",
|
||||
content: "Yes, we strive to offer same-day service for all minor repairs.",
|
||||
},
|
||||
id: "q1", title: "Do you offer same-day service?", content: "Yes, we strive to offer same-day service for all minor repairs."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What makes you different?",
|
||||
content: "We are family-owned, honest, and believe in total transparency before we touch your car.",
|
||||
},
|
||||
id: "q2", title: "What makes you different?", content: "We are family-owned, honest, and believe in total transparency before we touch your car."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are your repairs guaranteed?",
|
||||
content: "Absolutely. We stand behind all our craftsmanship with a 12-month warranty.",
|
||||
},
|
||||
id: "q3", title: "Are your repairs guaranteed?", content: "Absolutely. We stand behind all our craftsmanship with a 12-month warranty."},
|
||||
]}
|
||||
ctaTitle="Ready to Get Back on the Road?"
|
||||
ctaDescription="Book your appointment online today. First-time customers get $20 off their diagnostic service."
|
||||
ctaButton={{
|
||||
text: "Book Now",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Book Now", href: "#"}}
|
||||
ctaIcon={Calendar}
|
||||
/>
|
||||
</div>
|
||||
@@ -249,50 +165,31 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "123 Charlotte Way, NC",
|
||||
href: "#",
|
||||
},
|
||||
label: "123 Charlotte Way, NC", href: "#"},
|
||||
{
|
||||
label: "(704) 000-0000",
|
||||
href: "tel:704-000-0000",
|
||||
},
|
||||
label: "(704) 000-0000", href: "tel:704-000-0000"},
|
||||
{
|
||||
label: "info@queencityauto.com",
|
||||
href: "mailto:info@queencityauto.com",
|
||||
},
|
||||
label: "info@queencityauto.com", href: "mailto:info@queencityauto.com"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Hours",
|
||||
items: [
|
||||
title: "Hours", items: [
|
||||
{
|
||||
label: "Mon-Fri: 8am - 6pm",
|
||||
href: "#",
|
||||
},
|
||||
label: "Mon-Fri: 8am - 6pm", href: "#"},
|
||||
{
|
||||
label: "Sat: 9am - 2pm",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sat: 9am - 2pm", href: "#"},
|
||||
{
|
||||
label: "Sun: Closed",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sun: Closed", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user