Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 695878825f | |||
| 2628b5cc0c | |||
| 2f45cfbe13 |
239
src/app/page.tsx
239
src/app/page.tsx
@@ -2,14 +2,15 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
||||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Phone, Mail, MessageCircle, Calendar } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Work",
|
||||
id: "#gallery",
|
||||
},
|
||||
name: "Work", id: "#gallery"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Reviews", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="UKEE Luxury"
|
||||
/>
|
||||
@@ -53,19 +46,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboardSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
logoText="UKEE Luxury Auto Detailing"
|
||||
description="Luxury-level interior and exterior detailing brought directly to your driveway. Professional results, convenient service, and 24-hour availability in Cleveland."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:4405035643",
|
||||
},
|
||||
text: "Call Now", href: "tel:4405035643"},
|
||||
{
|
||||
text: "Book Your Detail",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Detail", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
layoutOrder="default"
|
||||
@@ -82,34 +70,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "5.0",
|
||||
title: "Star Rating",
|
||||
items: [
|
||||
"20+ Verified Reviews",
|
||||
"Perfect record",
|
||||
"Customer focused",
|
||||
],
|
||||
id: "m1", value: "5.0", title: "Star Rating", items: [
|
||||
"20+ Verified Reviews", "Perfect record", "Customer focused"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
title: "Availability",
|
||||
items: [
|
||||
"Always on call",
|
||||
"Flexible booking",
|
||||
"Ready to serve",
|
||||
],
|
||||
id: "m2", value: "24/7", title: "Availability", items: [
|
||||
"Always on call", "Flexible booking", "Ready to serve"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Satisfaction",
|
||||
items: [
|
||||
"High-end results",
|
||||
"Professional care",
|
||||
"Detail-oriented",
|
||||
],
|
||||
id: "m3", value: "100%", title: "Satisfaction", items: [
|
||||
"High-end results", "Professional care", "Detail-oriented"],
|
||||
},
|
||||
]}
|
||||
title="Proven Excellence"
|
||||
@@ -125,26 +95,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Interior Rejuvenation",
|
||||
price: "Custom",
|
||||
variant: "Interior focus",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193616.jpg?_wi=1",
|
||||
},
|
||||
id: "p1", name: "Interior Rejuvenation", price: "Custom", variant: "Interior focus", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193616.jpg?_wi=1"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Exterior Preservation",
|
||||
price: "Custom",
|
||||
variant: "Paint focus",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22326.jpg?_wi=1",
|
||||
},
|
||||
id: "p2", name: "Exterior Preservation", price: "Custom", variant: "Paint focus", imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22326.jpg?_wi=1"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Full Detail Package",
|
||||
price: "Custom",
|
||||
variant: "Total care",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-new-car-wheels-view_23-2148332907.jpg?_wi=1",
|
||||
},
|
||||
id: "p3", name: "Full Detail Package", price: "Custom", variant: "Total care", imageSrc: "http://img.b2bpic.net/free-photo/close-up-new-car-wheels-view_23-2148332907.jpg?_wi=1"},
|
||||
]}
|
||||
title="Premium Detailing Packages"
|
||||
description="Comprehensive care for every surface of your vehicle, inside and out."
|
||||
@@ -159,23 +114,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Mobile Convenience",
|
||||
description: "We bring the studio to you, whether at home or the office.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193616.jpg?_wi=2",
|
||||
},
|
||||
id: "f1", title: "Mobile Convenience", description: "We bring the studio to you, whether at home or the office.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193616.jpg?_wi=2"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Professional Quality",
|
||||
description: "High-end products and meticulous techniques for lasting results.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22326.jpg?_wi=2",
|
||||
},
|
||||
id: "f2", title: "Professional Quality", description: "High-end products and meticulous techniques for lasting results.", imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22326.jpg?_wi=2"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Reliable Service",
|
||||
description: "Fast, responsive communication and flexible scheduling 24/7.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-new-car-wheels-view_23-2148332907.jpg?_wi=2",
|
||||
},
|
||||
id: "f3", title: "Reliable Service", description: "Fast, responsive communication and flexible scheduling 24/7.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-new-car-wheels-view_23-2148332907.jpg?_wi=2"},
|
||||
]}
|
||||
title="Why Choose UKEE"
|
||||
description="We redefine convenience with professional-grade detailing at your location."
|
||||
@@ -190,25 +133,15 @@ export default function LandingPage() {
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434340.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434340.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-male-car-dealer-with-tablet_23-2148332915.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-male-car-dealer-with-tablet_23-2148332915.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-22358.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-22358.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg", alt: "Customer"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -223,41 +156,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "g1",
|
||||
title: "Paint Correction",
|
||||
description: "Restored depth and clarity.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212219.jpg",
|
||||
},
|
||||
id: "g1", title: "Paint Correction", description: "Restored depth and clarity.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212219.jpg"},
|
||||
{
|
||||
id: "g2",
|
||||
title: "Leather Restoration",
|
||||
description: "Clean and conditioned.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212226.jpg",
|
||||
},
|
||||
id: "g2", title: "Leather Restoration", description: "Clean and conditioned.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212226.jpg"},
|
||||
{
|
||||
id: "g3",
|
||||
title: "Rim Detail",
|
||||
description: "Perfect mirror finish.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212214.jpg",
|
||||
},
|
||||
id: "g3", title: "Rim Detail", description: "Perfect mirror finish.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212214.jpg"},
|
||||
{
|
||||
id: "g4",
|
||||
title: "Interior Deep Clean",
|
||||
description: "Spotless surfaces.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-polishing-service_23-2149212230.jpg",
|
||||
},
|
||||
id: "g4", title: "Interior Deep Clean", description: "Spotless surfaces.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-polishing-service_23-2149212230.jpg"},
|
||||
{
|
||||
id: "g5",
|
||||
title: "Exterior Gloss",
|
||||
description: "Ultimate paint protection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342625.jpg",
|
||||
},
|
||||
id: "g5", title: "Exterior Gloss", description: "Ultimate paint protection.", imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342625.jpg"},
|
||||
{
|
||||
id: "g6",
|
||||
title: "Final Transformation",
|
||||
description: "Ready to hit the road.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/just-married-couple-with-their-car_23-2149479849.jpg",
|
||||
},
|
||||
id: "g6", title: "Final Transformation", description: "Ready to hit the road.", imageSrc: "http://img.b2bpic.net/free-photo/just-married-couple-with-their-car_23-2149479849.jpg"},
|
||||
]}
|
||||
title="Our Work Speaks for Itself"
|
||||
description="See the precision and care we put into every vehicle."
|
||||
@@ -265,74 +174,28 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Ready for a Premium Detail?"
|
||||
description="Contact us today at (440) 503-5643 or fill out the form below to book your appointment."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30572.jpg"
|
||||
imageAlt="Luxury detailing tools"
|
||||
mediaAnimation="blur-reveal"
|
||||
mediaPosition="left"
|
||||
inputPlaceholder="Enter your email or phone"
|
||||
buttonText="Book Now"
|
||||
/>
|
||||
<ContactFaq
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
ctaTitle="Let's Chat About Your Vehicle"
|
||||
ctaDescription="We treat every car as if it were our own. Have a question about our process or ready to book a spot in our schedule? We're here for you."
|
||||
ctaButton={{ text: "Get in touch", href: "tel:4405035643" }}
|
||||
ctaIcon={MessageCircle}
|
||||
faqs={[
|
||||
{ id: "q1", title: "How do you handle water/power?", content: "We come fully equipped with everything needed to provide a premium detail on-site, including water and power." },
|
||||
{ id: "q2", title: "Can you detail at my workplace?", content: "Absolutely! As long as we have sufficient space to work, we're happy to serve you at your office or home." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "UKEE Luxury",
|
||||
items: [
|
||||
{
|
||||
label: "6279 Brookmere Dr, Parma, OH 44130",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "(440) 503-5643",
|
||||
href: "tel:4405035643",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Interior Detailing",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Exterior Detailing",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Full Packages",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 UKEE Luxury Auto Detailing."
|
||||
/>
|
||||
<FooterCard
|
||||
logoText="UKEE Luxury"
|
||||
copyrightText="© 2024 UKEE Luxury Auto Detailing. Dedicated to perfection, wherever you are."
|
||||
socialLinks={[]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user