Update src/app/page.tsx

This commit is contained in:
2026-05-07 13:34:56 +00:00
parent ec9d95b942
commit c32e9f48e7

View File

@@ -32,125 +32,75 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "hero"},
id: "hero",
},
{ {
name: "About", name: "About", id: "about"},
id: "about",
},
{ {
name: "Testimonials", name: "Testimonials", id: "testimonials"},
id: "testimonials",
},
{ {
name: "Contact", name: "Contact", id: "contact"},
id: "contact",
},
]} ]}
brandName="Drew's Auto" brandName="Drew's Auto"
button={{ text: "Contact Us", href: "#contact" }}
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitTestimonial <HeroSplitTestimonial
background={{ background={{
variant: "sparkles-gradient", variant: "sparkles-gradient"}}
}}
title="Precision Care for Your Vehicle in Coos Bay" title="Precision Care for Your Vehicle in Coos Bay"
description="At Drew's Auto, we provide fast, honest, and high-quality detailing services. Visit us at our new location on Schoneman Ave and experience the difference." description="At Drew's Auto, we provide fast, honest, and high-quality detailing services. Visit us at our new location on Schoneman Ave and experience the difference."
testimonials={[ testimonials={[
{ {
name: "Brett Diehl", name: "Brett Diehl", handle: "@brett", testimonial: "Drew offered me the best price and the fastest turnaround.", rating: 5,
handle: "@brett", imageSrc: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149371195.jpg"},
testimonial: "Drew offered me the best price and the fastest turnaround.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149371195.jpg",
},
{ {
name: "Grant Zulu Agar", name: "Grant Zulu Agar", handle: "@grant", testimonial: "Reasonable prices for excellent service!", rating: 5,
handle: "@grant", imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-wearing-casual-blue-shirt-success-sign-doing-positive-gesture-with-hand-thumbs-up-smiling-happy-cheerful-expression-winner-gesture_839833-2022.jpg"},
testimonial: "Reasonable prices for excellent service!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-wearing-casual-blue-shirt-success-sign-doing-positive-gesture-with-hand-thumbs-up-smiling-happy-cheerful-expression-winner-gesture_839833-2022.jpg",
},
{ {
name: "Edmund Scheer", name: "Edmund Scheer", handle: "@edmund", testimonial: "Great place, great guy, honest and quick, good work.", rating: 5,
handle: "@edmund", imageSrc: "http://img.b2bpic.net/free-photo/pleased-handsome-male-customer-show-thumb-up-approval_176420-17945.jpg"},
testimonial: "Great place, great guy, honest and quick, good work.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pleased-handsome-male-customer-show-thumb-up-approval_176420-17945.jpg",
},
{ {
name: "Sarah Miller", name: "Sarah Miller", handle: "@sarah", testimonial: "My car looks showroom ready! Incredible attention to detail.", rating: 5,
handle: "@sarah", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-satisfied-happy-young-20s-woman-yellow-coat-showing-thumbs-up-gesture-like-approval-giving-positive-feedback-enjoying-nice-event-standing-red-background-smiling-cute_1258-81801.jpg"},
testimonial: "My car looks showroom ready! Incredible attention to detail.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-satisfied-happy-young-20s-woman-yellow-coat-showing-thumbs-up-gesture-like-approval-giving-positive-feedback-enjoying-nice-event-standing-red-background-smiling-cute_1258-81801.jpg",
},
{ {
name: "John Doe", name: "John Doe", handle: "@john", testimonial: "Fast, professional, and very friendly. My go-to spot now.", rating: 5,
handle: "@john", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-goodlooking-man-showing-thumbs-up-praising-good-job-recommending-company-standing_1258-159836.jpg"},
testimonial: "Fast, professional, and very friendly. My go-to spot now.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-goodlooking-man-showing-thumbs-up-praising-good-job-recommending-company-standing_1258-159836.jpg",
},
]} ]}
buttons={[ buttons={[
{ {
text: "Call Now", text: "Call Now", href: "tel:5412603109"},
href: "tel:5412603109",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/car-repair-maintenance-theme-mechanic-uniform-working-auto-service-checking-engine_627829-3910.jpg" imageSrc="http://img.b2bpic.net/free-photo/car-repair-maintenance-theme-mechanic-uniform-working-auto-service-checking-engine_627829-3910.jpg"
mediaAnimation="slide-up" mediaAnimation="slide-up"
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/review-increase-rating-ranking-evaluation-classification-concept-businessman-draw-five-yellow-star-increase-rating-his-company_1212-723.jpg", src: "http://img.b2bpic.net/free-photo/review-increase-rating-ranking-evaluation-classification-concept-businessman-draw-five-yellow-star-increase-rating-his-company_1212-723.jpg", alt: "User 1"},
alt: "User 1",
},
{ {
src: "http://img.b2bpic.net/free-photo/excited-confident-beauty-woman-pointing-fingers-camera-smiling-invite-beckon-you-join_1258-162404.jpg", src: "http://img.b2bpic.net/free-photo/excited-confident-beauty-woman-pointing-fingers-camera-smiling-invite-beckon-you-join_1258-162404.jpg", alt: "User 2"},
alt: "User 2",
},
{ {
src: "http://img.b2bpic.net/free-photo/positive-customer-approving-new-offer_1262-17151.jpg", src: "http://img.b2bpic.net/free-photo/positive-customer-approving-new-offer_1262-17151.jpg", alt: "User 3"},
alt: "User 3",
},
{ {
src: "http://img.b2bpic.net/free-photo/confident-young-caucasian-girl-with-pixie-haircut-showing-thumbs-up-isolated-white-background-with-copy-space_141793-31737.jpg", src: "http://img.b2bpic.net/free-photo/confident-young-caucasian-girl-with-pixie-haircut-showing-thumbs-up-isolated-white-background-with-copy-space_141793-31737.jpg", alt: "User 4"},
alt: "User 4",
},
{ {
src: "http://img.b2bpic.net/free-photo/positive-satisfied-customer-making-ok-gesture_74855-3646.jpg", src: "http://img.b2bpic.net/free-photo/positive-satisfied-customer-making-ok-gesture_74855-3646.jpg", alt: "User 5"},
alt: "User 5",
},
]} ]}
marqueeItems={[ marqueeItems={[
{ {
type: "text-icon", type: "text-icon", text: "Premium Detailing", icon: Sparkles,
text: "Premium Detailing",
icon: Sparkles,
}, },
{ {
type: "text-icon", type: "text-icon", text: "Full Interior Clean", icon: Droplets,
text: "Full Interior Clean",
icon: Droplets,
}, },
{ {
type: "text-icon", type: "text-icon", text: "Paint Protection", icon: Shield,
text: "Paint Protection",
icon: Shield,
}, },
{ {
type: "text-icon", type: "text-icon", text: "Express Wash", icon: Zap,
text: "Express Wash",
icon: Zap,
}, },
{ {
type: "text-icon", type: "text-icon", text: "Engine Detailing", icon: Settings,
text: "Engine Detailing",
icon: Settings,
}, },
]} ]}
/> />
@@ -173,20 +123,11 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ {
title: "Exterior Detail", title: "Exterior Detail", description: "Hand wash, wax, and paint protection.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194131.jpg"},
description: "Hand wash, wax, and paint protection.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194131.jpg",
},
{ {
title: "Interior Deep Clean", title: "Interior Deep Clean", description: "Thorough vacuuming, shampoo, and sanitization.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-car-mechanic-auto-repair-shop-looking-camera_637285-7794.jpg"},
description: "Thorough vacuuming, shampoo, and sanitization.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-car-mechanic-auto-repair-shop-looking-camera_637285-7794.jpg",
},
{ {
title: "Quick Turnaround", title: "Quick Turnaround", description: "Fast and reliable service without compromising quality.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-cleaning-car_23-2148510614.jpg"},
description: "Fast and reliable service without compromising quality.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-cleaning-car_23-2148510614.jpg",
},
]} ]}
title="Services We Provide" title="Services We Provide"
description="High-quality auto detailing and maintenance tailored to keep your car looking brand new." description="High-quality auto detailing and maintenance tailored to keep your car looking brand new."
@@ -201,20 +142,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ metrics={[
{ {
id: "m1", id: "m1", value: "4.9+", description: "Google Star Rating"},
value: "4.9+",
description: "Google Star Rating",
},
{ {
id: "m2", id: "m2", value: "100%", description: "Client Satisfaction"},
value: "100%",
description: "Client Satisfaction",
},
{ {
id: "m3", id: "m3", value: "Fast", description: "Turnaround Times"},
value: "Fast",
description: "Turnaround Times",
},
]} ]}
title="Built on Trust" title="Built on Trust"
description="Consistently rated 5 stars by our community." description="Consistently rated 5 stars by our community."
@@ -226,47 +158,23 @@ export default function LandingPage() {
textboxLayout="split" textboxLayout="split"
gridVariant="four-items-2x2-equal-grid" gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={true} useInvertedBackground={true}
animationType="slide-up"
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Brett Diehl", role: "Client", company: "Coos Bay", rating: 5,
name: "Brett Diehl", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-showing-thumb-up-while-buying-car-salon_7502-9630.jpg"},
role: "Client",
company: "Coos Bay",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-showing-thumb-up-while-buying-car-salon_7502-9630.jpg",
},
{ {
id: "2", id: "2", name: "Grant Zulu Agar", role: "Client", company: "Coos Bay", rating: 5,
name: "Grant Zulu Agar", imageSrc: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149346509.jpg"},
role: "Client",
company: "Coos Bay",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149346509.jpg",
},
{ {
id: "3", id: "3", name: "Edmund Scheer", role: "Client", company: "Coos Bay", rating: 5,
name: "Edmund Scheer", imageSrc: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149371200.jpg"},
role: "Client",
company: "Coos Bay",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149371200.jpg",
},
{ {
id: "4", id: "4", name: "Satisfied Customer", role: "Client", company: "Local", rating: 5,
name: "Satisfied Customer", imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-bearded-guy-smiling-gesturing-with-ok-sign-expressing-good-choice-being-isolated-graphite_171337-455.jpg"},
role: "Client",
company: "Local",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-bearded-guy-smiling-gesturing-with-ok-sign-expressing-good-choice-being-isolated-graphite_171337-455.jpg",
},
{ {
id: "5", id: "5", name: "Another Review", role: "Client", company: "Local", rating: 5,
name: "Another Review", imageSrc: "http://img.b2bpic.net/free-photo/positive-excited-young-woman-showing-thumbs-up-having-fun_1262-14331.jpg"},
role: "Client",
company: "Local",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-excited-young-woman-showing-thumbs-up-having-fun_1262-14331.jpg",
},
]} ]}
title="What Our Customers Say" title="What Our Customers Say"
description="Don't just take our word for it—hear from the people we serve." description="Don't just take our word for it—hear from the people we serve."
@@ -279,20 +187,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "f1", id: "f1", title: "Where are you located?", content: "221 N Schoneman Ave, Coos Bay, OR 97420."},
title: "Where are you located?",
content: "221 N Schoneman Ave, Coos Bay, OR 97420.",
},
{ {
id: "f2", id: "f2", title: "What are your hours?", content: "Monday - Tuesday: 9am-5pm. Wednesday - Friday: 9am-5pm. Closed weekends."},
title: "What are your hours?",
content: "Monday - Tuesday: 9am-5pm. Wednesday - Friday: 9am-5pm. Closed weekends.",
},
{ {
id: "f3", id: "f3", title: "How can I book?", content: "Call us at (541) 260-3109 to schedule."},
title: "How can I book?",
content: "Call us at (541) 260-3109 to schedule.",
},
]} ]}
title="Common Questions" title="Common Questions"
description="Get quick answers about our services and location." description="Get quick answers about our services and location."
@@ -302,10 +201,10 @@ export default function LandingPage() {
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactSplit <ContactSplit
tag="Contact"
useInvertedBackground={true} useInvertedBackground={true}
background={{ background={{
variant: "plain", variant: "plain"}}
}}
title="Get in Touch" title="Get in Touch"
description="Ready to get your car detailed? Give us a call or stop by our shop today." description="Ready to get your car detailed? Give us a call or stop by our shop today."
imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193579.jpg" imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193579.jpg"
@@ -317,33 +216,21 @@ export default function LandingPage() {
<FooterBase <FooterBase
columns={[ columns={[
{ {
title: "Navigation", title: "Navigation", items: [
items: [
{ {
label: "Home", label: "Home", href: "#hero"},
href: "#hero",
},
{ {
label: "About", label: "About", href: "#about"},
href: "#about",
},
{ {
label: "Services", label: "Services", href: "#features"},
href: "#features",
},
], ],
}, },
{ {
title: "Contact", title: "Contact", items: [
items: [
{ {
label: "(541) 260-3109", label: "(541) 260-3109", href: "tel:5412603109"},
href: "tel:5412603109",
},
{ {
label: "221 N Schoneman Ave", label: "221 N Schoneman Ave", href: "#"},
href: "#",
},
], ],
}, },
]} ]}