Update src/app/page.tsx
This commit is contained in:
225
src/app/page.tsx
225
src/app/page.tsx
@@ -32,125 +32,75 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Drew's Auto"
|
||||
button={{ text: "Contact Us", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
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."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Brett Diehl",
|
||||
handle: "@brett",
|
||||
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: "Brett Diehl", handle: "@brett", 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",
|
||||
handle: "@grant",
|
||||
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: "Grant Zulu Agar", handle: "@grant", 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",
|
||||
handle: "@edmund",
|
||||
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: "Edmund Scheer", handle: "@edmund", 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",
|
||||
handle: "@sarah",
|
||||
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: "Sarah Miller", handle: "@sarah", 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",
|
||||
handle: "@john",
|
||||
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",
|
||||
},
|
||||
name: "John Doe", handle: "@john", 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={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5412603109",
|
||||
},
|
||||
text: "Call Now", href: "tel:5412603109"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/car-repair-maintenance-theme-mechanic-uniform-working-auto-service-checking-engine_627829-3910.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
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",
|
||||
alt: "User 1",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-customer-approving-new-offer_1262-17151.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/positive-customer-approving-new-offer_1262-17151.jpg", 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",
|
||||
alt: "User 4",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-satisfied-customer-making-ok-gesture_74855-3646.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/positive-satisfied-customer-making-ok-gesture_74855-3646.jpg", alt: "User 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Premium Detailing",
|
||||
icon: Sparkles,
|
||||
type: "text-icon", text: "Premium Detailing", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Full Interior Clean",
|
||||
icon: Droplets,
|
||||
type: "text-icon", text: "Full Interior Clean", icon: Droplets,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Paint Protection",
|
||||
icon: Shield,
|
||||
type: "text-icon", text: "Paint Protection", icon: Shield,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Express Wash",
|
||||
icon: Zap,
|
||||
type: "text-icon", text: "Express Wash", icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Engine Detailing",
|
||||
icon: Settings,
|
||||
type: "text-icon", text: "Engine Detailing", icon: Settings,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -173,20 +123,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
title="Services We Provide"
|
||||
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}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4.9+",
|
||||
description: "Google Star Rating",
|
||||
},
|
||||
id: "m1", value: "4.9+", description: "Google Star Rating"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
description: "Client Satisfaction",
|
||||
},
|
||||
id: "m2", value: "100%", description: "Client Satisfaction"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Fast",
|
||||
description: "Turnaround Times",
|
||||
},
|
||||
id: "m3", value: "Fast", description: "Turnaround Times"},
|
||||
]}
|
||||
title="Built on Trust"
|
||||
description="Consistently rated 5 stars by our community."
|
||||
@@ -226,47 +158,23 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Brett Diehl",
|
||||
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: "1", name: "Brett Diehl", 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",
|
||||
name: "Grant Zulu Agar",
|
||||
role: "Client",
|
||||
company: "Coos Bay",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149346509.jpg",
|
||||
},
|
||||
id: "2", name: "Grant Zulu Agar", role: "Client", company: "Coos Bay", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149346509.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Edmund Scheer",
|
||||
role: "Client",
|
||||
company: "Coos Bay",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149371200.jpg",
|
||||
},
|
||||
id: "3", name: "Edmund Scheer", role: "Client", company: "Coos Bay", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149371200.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Satisfied Customer",
|
||||
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: "4", name: "Satisfied Customer", 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",
|
||||
name: "Another Review",
|
||||
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",
|
||||
},
|
||||
id: "5", name: "Another Review", 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"
|
||||
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}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Where are you located?",
|
||||
content: "221 N Schoneman Ave, Coos Bay, OR 97420.",
|
||||
},
|
||||
id: "f1", title: "Where are you located?", content: "221 N Schoneman Ave, Coos Bay, OR 97420."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What are your hours?",
|
||||
content: "Monday - Tuesday: 9am-5pm. Wednesday - Friday: 9am-5pm. Closed weekends.",
|
||||
},
|
||||
id: "f2", title: "What are your hours?", content: "Monday - Tuesday: 9am-5pm. Wednesday - Friday: 9am-5pm. Closed weekends."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How can I book?",
|
||||
content: "Call us at (541) 260-3109 to schedule.",
|
||||
},
|
||||
id: "f3", title: "How can I book?", content: "Call us at (541) 260-3109 to schedule."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Get quick answers about our services and location."
|
||||
@@ -302,10 +201,10 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Contact"
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Get in Touch"
|
||||
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"
|
||||
@@ -317,33 +216,21 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "(541) 260-3109",
|
||||
href: "tel:5412603109",
|
||||
},
|
||||
label: "(541) 260-3109", href: "tel:5412603109"},
|
||||
{
|
||||
label: "221 N Schoneman Ave",
|
||||
href: "#",
|
||||
},
|
||||
label: "221 N Schoneman Ave", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user