Merge version_2 into main #1
204
src/app/page.tsx
204
src/app/page.tsx
@@ -2,14 +2,14 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Elite Detailing"
|
||||
/>
|
||||
@@ -56,64 +48,34 @@ export default function LandingPage() {
|
||||
description="Experience premium automotive care with our professional detailing, interior rejuvenation, and ceramic coating solutions. We restore your vehicle to its showroom glory."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193578.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/well-dressed-attractive-couple-leaning-luxury-car-outdoors-against-skyscraper_613910-19347.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-man-hugging-car-showroom_1303-13593.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brunette-man-black-jacket-blonde-woman-white-blouse-smile-talk-outside-handsome-guy-sunglasses-puts-yellow-suitcase-into-car-trunk_197531-27131.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/car-mechanic-examining-vehicle-problems-while-working-auto-repair-shop_637285-7658.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/well-dressed-attractive-couple-leaning-luxury-car-outdoors-against-skyscraper_613910-19347.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/handsome-man-hugging-car-showroom_1303-13593.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/brunette-man-black-jacket-blonde-woman-white-blouse-smile-talk-outside-handsome-guy-sunglasses-puts-yellow-suitcase-into-car-trunk_197531-27131.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/car-mechanic-examining-vehicle-problems-while-working-auto-repair-shop_637285-7658.jpg", alt: "Client 5" },
|
||||
]}
|
||||
avatarText="Trusted by over 500+ car enthusiasts"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="The Art of Detailing"
|
||||
description={[
|
||||
"At Elite Detailing, we believe every car is a masterpiece. Our experts use only the finest products and techniques to ensure your vehicle is protected and pristine.",
|
||||
"From deep interior cleaning to durable ceramic coatings, we provide comprehensive care tailored to your specific vehicle needs.",
|
||||
]}
|
||||
description="At Elite Detailing, we believe every car is a masterpiece. Our experts use only the finest products and techniques to ensure your vehicle is protected and pristine."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193578.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Interior Deep Clean",
|
||||
description: "Full steam cleaning, upholstery treatment, and leather conditioning for a spotless cabin.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30586.jpg",
|
||||
},
|
||||
{
|
||||
title: "Exterior Paint Correction",
|
||||
description: "Removing swirl marks and imperfections to restore paint clarity and gloss.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-bicycle_1170-2400.jpg",
|
||||
},
|
||||
{
|
||||
title: "Ceramic Coatings",
|
||||
description: "Long-term paint protection against UV rays, chemicals, and road grime.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/service-worker-painting-car-auto-service_23-2149487043.jpg",
|
||||
},
|
||||
{ id: "f1", title: "Interior Deep Clean", description: "Full steam cleaning and leather conditioning.", tag: "Service", imageSrc: "http://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30586.jpg" },
|
||||
{ id: "f2", title: "Paint Correction", description: "Removing swirl marks and imperfections.", tag: "Service", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-bicycle_1170-2400.jpg" },
|
||||
{ id: "f3", title: "Ceramic Coating", description: "Long-term paint protection.", tag: "Service", imageSrc: "http://img.b2bpic.net/free-photo/service-worker-painting-car-auto-service_23-2149487043.jpg" },
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Explore our expert detailing options designed for long-lasting protection and aesthetics."
|
||||
@@ -121,126 +83,58 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Ceramic Guard Coat",
|
||||
price: "$89.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/experienced-tattoo-artist-working-client-tattoo_23-2149479256.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Premium Leather Conditioner",
|
||||
price: "$29.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/steering-wheel-buttons-modern-car-interior-driving-control-technology_169016-68501.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "High-Gloss Tire Shine",
|
||||
price: "$24.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2002.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Streak-Free Window Cleaner",
|
||||
price: "$19.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-cleaning-window_23-2149535102.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Surface Decon Clay Bar",
|
||||
price: "$34.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects_23-2148122057.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Pro Microfiber Bundle",
|
||||
price: "$45.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/auto-service-salon-doign-car-wrapping_23-2149593852.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Ceramic Guard Coat", price: "$89.00", imageSrc: "http://img.b2bpic.net/free-photo/experienced-tattoo-artist-working-client-tattoo_23-2149479256.jpg" },
|
||||
{ id: "p2", name: "Leather Conditioner", price: "$29.00", imageSrc: "http://img.b2bpic.net/free-photo/steering-wheel-buttons-modern-car-interior-driving-control-technology_169016-68501.jpg" },
|
||||
{ id: "p3", name: "Tire Shine", price: "$24.00", imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2002.jpg" },
|
||||
{ id: "p4", name: "Window Cleaner", price: "$19.00", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-cleaning-window_23-2149535102.jpg" },
|
||||
]}
|
||||
title="Premium Detailing Products"
|
||||
description="Shop the professional-grade products we trust for our own detailing services."
|
||||
description="Shop the professional-grade products we trust."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "James Wilson",
|
||||
role: "Collector",
|
||||
testimonial: "The ceramic coating is incredible. My paint looks brand new and stays cleaner much longer.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/well-dressed-attractive-couple-leaning-luxury-car-outdoors-against-skyscraper_613910-19347.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Jenkins",
|
||||
role: "SUV Owner",
|
||||
testimonial: "Fantastic interior cleaning. They removed every stain and the leather feels brand new.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mike Davis",
|
||||
role: "Sports Car Enthusiast",
|
||||
testimonial: "Truly professional team. Their attention to detail on my exterior paint was unmatched.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-hugging-car-showroom_1303-13593.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Amanda Ross",
|
||||
role: "Daily Driver",
|
||||
testimonial: "Excellent service and products. Highly recommend their protection coatings to everyone.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-man-black-jacket-blonde-woman-white-blouse-smile-talk-outside-handsome-guy-sunglasses-puts-yellow-suitcase-into-car-trunk_197531-27131.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Tom Baker",
|
||||
role: "Business Owner",
|
||||
testimonial: "Elite Detailing always delivers perfection. The best detailing in town, period.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-examining-vehicle-problems-while-working-auto-repair-shop_637285-7658.jpg",
|
||||
},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear from car enthusiasts who trust us with their vehicles every day."
|
||||
description="Hear from car enthusiasts who trust us with their vehicles."
|
||||
testimonials={[
|
||||
{ id: "t1", title: "Amazing Results", quote: "My paint looks brand new.", name: "James Wilson", role: "Collector", imageSrc: "http://img.b2bpic.net/free-photo/well-dressed-attractive-couple-leaning-luxury-car-outdoors-against-skyscraper_613910-19347.jpg" },
|
||||
{ id: "t2", title: "Top Tier Service", quote: "Leather feels brand new.", name: "Sarah Jenkins", role: "SUV Owner", imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Ready to Get Started?"
|
||||
<ContactCenter
|
||||
tag="Get In Touch"
|
||||
title="Book Your Detailing Today"
|
||||
description="Give your vehicle the professional care it deserves. Contact us now to schedule an appointment or inquire about our ceramic coating packages."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
description="Give your vehicle the professional care it deserves."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
<FooterMedia
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8ILUyLwBNXwPWOqjrcXnIBBYO/uploaded-1775760841278-56cq67pe.png"
|
||||
logoText="Elite Detailing"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193578.jpg"
|
||||
columns={[
|
||||
{ title: "Services", items: [{ label: "Interior", href: "#" }, { label: "Exterior", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Contact", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2025 Elite Detailing Inc."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user