Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
174
src/app/page.tsx
174
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="OG Detailing"
|
||||
/>
|
||||
@@ -60,38 +50,19 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Professional Auto Detailing in Your Area"
|
||||
description="Restore your vehicle to its showroom glory with our expert detailing services. Precision, care, and quality for every car."
|
||||
tag="Expert Auto Care"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vehicle-covered-with-white-sheet-yellow-tape-car-service-garage_181624-3084.jpg?_wi=1",
|
||||
imageAlt: "luxury car detailing workshop professional",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vehicle-covered-with-white-sheet-yellow-tape-car-service-garage_181624-3084.jpg", imageAlt: "luxury car detailing workshop professional"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193623.jpg?_wi=1",
|
||||
imageAlt: "clean car hood polish finish",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/paint-car-spacious-car-service_146671-14946.jpg",
|
||||
imageAlt: "Paint a car in a spacious car service",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212256.jpg",
|
||||
imageAlt: "Beautiful car at interior clean up service",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30586.jpg",
|
||||
imageAlt: "Man at car clean using brush to clean up all details inside the vehicle",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193623.jpg", imageAlt: "clean car hood polish finish"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -120,29 +91,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Exterior Protection",
|
||||
description: "High-quality wax and sealant application for lasting shine.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194132.jpg",
|
||||
imageAlt: "car exterior wash foam cleaning",
|
||||
title: "Exterior Protection", description: "High-quality wax and sealant application for lasting shine.", bentoComponent: "reveal-icon", icon: Sparkles
|
||||
},
|
||||
{
|
||||
title: "Interior Deep Clean",
|
||||
description: "Thorough interior cleaning to sanitize and refresh your space.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Shield,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vehicle-covered-with-white-sheet-yellow-tape-car-service-garage_181624-3084.jpg?_wi=2",
|
||||
imageAlt: "car exterior wash foam cleaning",
|
||||
title: "Interior Deep Clean", description: "Thorough interior cleaning to sanitize and refresh your space.", bentoComponent: "reveal-icon", icon: Shield
|
||||
},
|
||||
{
|
||||
title: "Ceramic Coating",
|
||||
description: "Professional-grade ceramic coating for maximum protection.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193623.jpg?_wi=2",
|
||||
imageAlt: "car exterior wash foam cleaning",
|
||||
},
|
||||
title: "Ceramic Coating", description: "Professional-grade ceramic coating for maximum protection.", bentoComponent: "reveal-icon", icon: Zap
|
||||
}
|
||||
]}
|
||||
title="Our Specialized Services"
|
||||
description="Comprehensive detailing solutions for every part of your vehicle."
|
||||
@@ -156,31 +112,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "10+ Years",
|
||||
title: "Experience",
|
||||
items: [
|
||||
"Expert techniques",
|
||||
"Consistent quality",
|
||||
],
|
||||
id: "1", value: "10+ Years", title: "Experience", items: [
|
||||
"Expert techniques", "Consistent quality"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "5000+",
|
||||
title: "Cars Detailed",
|
||||
items: [
|
||||
"Happy owners",
|
||||
"Trusted results",
|
||||
],
|
||||
id: "2", value: "5000+", title: "Cars Detailed", items: [
|
||||
"Happy owners", "Trusted results"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "100%",
|
||||
title: "Satisfaction",
|
||||
items: [
|
||||
"Customer focused",
|
||||
"Quality guaranteed",
|
||||
],
|
||||
id: "3", value: "100%", title: "Satisfaction", items: [
|
||||
"Customer focused", "Quality guaranteed"],
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
@@ -193,12 +134,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"AutoTech",
|
||||
"ShineExpert",
|
||||
"LuxuryFinish",
|
||||
"DetailPro",
|
||||
"CleanCarGroup",
|
||||
]}
|
||||
"AutoTech", "ShineExpert", "LuxuryFinish", "DetailPro", "CleanCarGroup"]}
|
||||
title="Trusted by Local Car Enthusiasts"
|
||||
description="Join thousands of satisfied car owners who trust us with their vehicles."
|
||||
/>
|
||||
@@ -210,45 +146,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Fantastic Service",
|
||||
quote: "OG Detailing transformed my car. It looks better than when I bought it!",
|
||||
name: "John Doe",
|
||||
role: "Automotive Enthusiast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-joyful-beautiful-woman-gesturing-with-hand_74855-2753.jpg",
|
||||
},
|
||||
id: "1", title: "Fantastic Service", quote: "OG Detailing transformed my car. It looks better than when I bought it!", name: "John Doe", role: "Automotive Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/excited-joyful-beautiful-woman-gesturing-with-hand_74855-2753.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Highly Recommended",
|
||||
quote: "Reliable, professional, and very thorough work.",
|
||||
name: "Jane Smith",
|
||||
role: "Satisfied Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
|
||||
},
|
||||
id: "2", title: "Highly Recommended", quote: "Reliable, professional, and very thorough work.", name: "Jane Smith", role: "Satisfied Customer", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Great Attention to Detail",
|
||||
quote: "The interior deep clean was exactly what I needed. Incredible work.",
|
||||
name: "Mike Johnson",
|
||||
role: "Car Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg",
|
||||
},
|
||||
id: "3", title: "Great Attention to Detail", quote: "The interior deep clean was exactly what I needed. Incredible work.", name: "Mike Johnson", role: "Car Owner", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Perfect Result",
|
||||
quote: "Ceramic coating looks fantastic. I will definitely come back.",
|
||||
name: "Sarah Miller",
|
||||
role: "Luxury Car Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-her-car-outside_23-2148958788.jpg",
|
||||
},
|
||||
id: "4", title: "Perfect Result", quote: "Ceramic coating looks fantastic. I will definitely come back.", name: "Sarah Miller", role: "Luxury Car Owner", imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-her-car-outside_23-2148958788.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Best in Town",
|
||||
quote: "Friendly staff and top-notch detailing results.",
|
||||
name: "David Brown",
|
||||
role: "Frequent Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-happy-dark-skinned-man-has-beard-mustache-smiles-broadly-demonstrates-white-teeth_273609-8924.jpg",
|
||||
},
|
||||
id: "5", title: "Best in Town", quote: "Friendly staff and top-notch detailing results.", name: "David Brown", role: "Frequent Customer", imageSrc: "http://img.b2bpic.net/free-photo/positive-happy-dark-skinned-man-has-beard-mustache-smiles-broadly-demonstrates-white-teeth_273609-8924.jpg"},
|
||||
]}
|
||||
title="Customer Reviews"
|
||||
description="What our customers are saying about our detailing services."
|
||||
@@ -261,20 +167,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How long does a detailing take?",
|
||||
content: "Depending on the service, most detailing jobs take between 3-6 hours.",
|
||||
},
|
||||
id: "1", title: "How long does a detailing take?", content: "Depending on the service, most detailing jobs take between 3-6 hours."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer mobile services?",
|
||||
content: "Yes, we offer convenient mobile detailing services at your location.",
|
||||
},
|
||||
id: "2", title: "Do you offer mobile services?", content: "Yes, we offer convenient mobile detailing services at your location."},
|
||||
{
|
||||
id: "3",
|
||||
title: "How often should I detail my car?",
|
||||
content: "We recommend professional detailing every 3-6 months to maintain your vehicle's value.",
|
||||
},
|
||||
id: "3", title: "How often should I detail my car?", content: "We recommend professional detailing every 3-6 months to maintain your vehicle's value."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Got questions? We've got answers."
|
||||
@@ -286,16 +183,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in Touch"
|
||||
title="Ready to Detail Your Car?"
|
||||
description="Book your appointment today and give your vehicle the care it deserves."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@ogdetailing.com",
|
||||
},
|
||||
text: "Contact Us", href: "mailto:hello@ogdetailing.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -307,14 +201,10 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "#", ariaLabel: "Facebook"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user