Merge version_1 into main #2
285
src/app/page.tsx
285
src/app/page.tsx
@@ -31,86 +31,38 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Alesco Detailing"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Premium Car Detailing for Your Vehicle"
|
||||
description="Transform your car with Alesco. We provide elite detailing services that restore your vehicle's showroom shine and protect its value."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/car-detailing-concept-man-face-mask-with-orbital-polisher-repair-shop-polishing-orange-suv-car_627829-12604.jpg?_wi=1"
|
||||
buttons={[{ text: "Book Now", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/car-detailing-concept-man-face-mask-with-orbital-polisher-repair-shop-polishing-orange-suv-car_627829-12604.jpg"
|
||||
imageAlt="Luxury car after professional detailing"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193557.jpg",
|
||||
alt: "Close up on car care process",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-fixing-car_23-2149385729.jpg",
|
||||
alt: "Medium shot man fixing car",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22308.jpg",
|
||||
alt: "Car wash detailing station",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22303.jpg",
|
||||
alt: "Car wash detailing station",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-auto-mechanic-using-digital-tablet-workshop-looking-camera_637285-11599.jpg",
|
||||
alt: "Happy auto mechanic using digital tablet",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193557.jpg", alt: "Close up on car care process" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-fixing-car_23-2149385729.jpg", alt: "Medium shot man fixing car" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22308.jpg", alt: "Car wash detailing station" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22303.jpg", alt: "Car wash detailing station" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-auto-mechanic-using-digital-tablet-workshop-looking-camera_637285-11599.jpg", alt: "Happy auto mechanic using digital tablet" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ happy car owners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Paint Correction",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ceramic Coating",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Interior Restoration",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Engine Cleaning",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Showroom Finish",
|
||||
},
|
||||
{ type: "text", text: "Paint Correction" },
|
||||
{ type: "text", text: "Ceramic Coating" },
|
||||
{ type: "text", text: "Interior Restoration" },
|
||||
{ type: "text", text: "Engine Cleaning" },
|
||||
{ type: "text", text: "Showroom Finish" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -119,19 +71,9 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Mission",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194068.jpg",
|
||||
alt: "Alesco technician working",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: "Excellence in every detail.",
|
||||
},
|
||||
{ type: "text", content: "Our Mission" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194068.jpg", alt: "Alesco technician working" },
|
||||
{ type: "text", content: "Excellence in every detail." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -142,33 +84,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Exterior Polish",
|
||||
descriptions: [
|
||||
"Deep clean and paint correction to restore original gloss.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194147.jpg",
|
||||
imageAlt: "Close up of person cleaning car interior",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Interior Deep Clean",
|
||||
descriptions: [
|
||||
"Steam cleaning, leather conditioning, and odor removal.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-detailing-concept-man-face-mask-with-orbital-polisher-repair-shop-polishing-orange-suv-car_627829-12604.jpg?_wi=2",
|
||||
imageAlt: "Close up of person cleaning car interior",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Ceramic Coating",
|
||||
descriptions: [
|
||||
"Advanced protection to keep your paint shielded from elements.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194068.jpg?_wi=1",
|
||||
imageAlt: "Close up of person cleaning car interior",
|
||||
},
|
||||
{ id: "s1", title: "Exterior Polish", descriptions: ["Deep clean and paint correction to restore original gloss."], imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194147.jpg", imageAlt: "Close up of person cleaning car interior" },
|
||||
{ id: "s2", title: "Interior Deep Clean", descriptions: ["Steam cleaning, leather conditioning, and odor removal."], imageSrc: "http://img.b2bpic.net/free-photo/car-detailing-concept-man-face-mask-with-orbital-polisher-repair-shop-polishing-orange-suv-car_627829-12604.jpg", imageAlt: "Close up of person cleaning car interior" },
|
||||
{ id: "s3", title: "Ceramic Coating", descriptions: ["Advanced protection to keep your paint shielded from elements."], imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194068.jpg", imageAlt: "Close up of person cleaning car interior" },
|
||||
]}
|
||||
title="Elite Services"
|
||||
description="Comprehensive care packages tailored for your specific vehicle needs."
|
||||
@@ -182,52 +100,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$150",
|
||||
subtitle: "Basic exterior and interior refresh.",
|
||||
features: [
|
||||
"Wash",
|
||||
"Vacuum",
|
||||
"Interior Wipe",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Basic",
|
||||
},
|
||||
],
|
||||
id: "basic", badge: "Essential", price: "$150", subtitle: "Basic exterior and interior refresh.", features: ["Wash", "Vacuum", "Interior Wipe"],
|
||||
buttons: [{ text: "Book Basic" }],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Premium",
|
||||
price: "$300",
|
||||
subtitle: "Our most popular detailing package.",
|
||||
features: [
|
||||
"Full Exterior Polish",
|
||||
"Deep Interior Clean",
|
||||
"Wax Protection",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Premium",
|
||||
},
|
||||
],
|
||||
id: "pro", badge: "Premium", price: "$300", subtitle: "Our most popular detailing package.", features: ["Full Exterior Polish", "Deep Interior Clean", "Wax Protection"],
|
||||
buttons: [{ text: "Book Premium" }],
|
||||
},
|
||||
{
|
||||
id: "ultimate",
|
||||
badge: "Elite",
|
||||
price: "$500",
|
||||
subtitle: "Total restoration for your vehicle.",
|
||||
features: [
|
||||
"Ceramic Coating",
|
||||
"Engine Detailing",
|
||||
"Paint Correction",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Elite",
|
||||
},
|
||||
],
|
||||
id: "ultimate", badge: "Elite", price: "$500", subtitle: "Total restoration for your vehicle.", features: ["Ceramic Coating", "Engine Detailing", "Paint Correction"],
|
||||
buttons: [{ text: "Book Elite" }],
|
||||
},
|
||||
]}
|
||||
title="Simple Pricing"
|
||||
@@ -241,41 +123,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "Sedan Owner",
|
||||
testimonial: "Alesco did an incredible job. My car looks better than it did when I bought it!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-businessman-traditional-clothes-glasses-with-mobile-phone-against-black-car-suv-rich-africans-people_627829-2387.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Doe",
|
||||
role: "Sports Car Enthusiast",
|
||||
testimonial: "Top-tier service. The paint correction is flawless.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-spanner-repair-garage_1170-1576.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Ross",
|
||||
role: "SUV Owner",
|
||||
testimonial: "My interior was a mess, and now it's brand new. Highly recommend.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-looking-camera_23-2148187139.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mark Stevens",
|
||||
role: "Truck Owner",
|
||||
testimonial: "Very professional and detailed work. Worth every penny.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jane Wilson",
|
||||
role: "Family Car Owner",
|
||||
testimonial: "The best detailing in town. Reliable and efficient.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/he-is-confident-small-business-owner_637285-9324.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Miller", role: "Sedan Owner", testimonial: "Alesco did an incredible job. My car looks better than it did when I bought it!", imageSrc: "http://img.b2bpic.net/free-photo/african-businessman-traditional-clothes-glasses-with-mobile-phone-against-black-car-suv-rich-africans-people_627829-2387.jpg" },
|
||||
{ id: "2", name: "John Doe", role: "Sports Car Enthusiast", testimonial: "Top-tier service. The paint correction is flawless.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-spanner-repair-garage_1170-1576.jpg" },
|
||||
{ id: "3", name: "Elena Ross", role: "SUV Owner", testimonial: "My interior was a mess, and now it's brand new. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-looking-camera_23-2148187139.jpg" },
|
||||
{ id: "4", name: "Mark Stevens", role: "Truck Owner", testimonial: "Very professional and detailed work. Worth every penny.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg" },
|
||||
{ id: "5", name: "Jane Wilson", role: "Family Car Owner", testimonial: "The best detailing in town. Reliable and efficient.", imageSrc: "http://img.b2bpic.net/free-photo/he-is-confident-small-business-owner_637285-9324.jpg" },
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="See why car owners trust Alesco."
|
||||
@@ -286,15 +138,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Auto Daily",
|
||||
"Motor Trends",
|
||||
"Drive Club",
|
||||
"City Auto",
|
||||
"Gloss Enthusiasts",
|
||||
"Paint Experts",
|
||||
"Detail Alliance",
|
||||
]}
|
||||
names={["Auto Daily", "Motor Trends", "Drive Club", "City Auto", "Gloss Enthusiasts", "Paint Experts", "Detail Alliance"]}
|
||||
title="Trusted By Professionals"
|
||||
description="Our work is approved by major automotive enthusiasts and local businesses."
|
||||
/>
|
||||
@@ -305,27 +149,15 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long does a detail take?",
|
||||
content: "Depending on the package, usually between 3 to 6 hours.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you come to me?",
|
||||
content: "We offer both in-studio services and mobile detailing options.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I book online?",
|
||||
content: "Yes, just head to our booking page to reserve your slot.",
|
||||
},
|
||||
{ id: "f1", title: "How long does a detail take?", content: "Depending on the package, usually between 3 to 6 hours." },
|
||||
{ id: "f2", title: "Do you come to me?", content: "We offer both in-studio services and mobile detailing options." },
|
||||
{ id: "f3", title: "Can I book online?", content: "Yes, just head to our booking page to reserve your slot." },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked"
|
||||
description="Common questions about our process."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194068.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194068.jpg"
|
||||
imageAlt="Alesco studio"
|
||||
/>
|
||||
</div>
|
||||
@@ -333,16 +165,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
text="Ready to get started? Contact us today to schedule your next appointment."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Alesco",
|
||||
href: "mailto:hello@alescodetailing.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Alesco", href: "mailto:hello@alescodetailing.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -350,29 +175,15 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
title: "Navigation", items: [
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "About", href: "#about" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user