Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 5adfc508d6 | |||
| aff22c1a4c | |||
| ecb3c16cec | |||
| 167d6923c9 |
237
src/app/page.tsx
237
src/app/page.tsx
@@ -8,7 +8,7 @@ import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
|
||||
@@ -17,35 +17,24 @@ export default function LandingPage() {
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="grid"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="extrabold"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="none"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Vehicles", id: "products" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="AAA&JAY"
|
||||
/>
|
||||
@@ -54,38 +43,11 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="AAA&JAY MOBILE DETAILING SPA"
|
||||
description="Expert mobile detailing service by Marvin, bringing quality care directly to your driveway. We specialize in interior restoration and headlight clarity."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Detail",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
description="Professional high-end automotive care brought directly to you. We specialize in luxury restoration."
|
||||
buttons={[{ text: "Book Your Service", href: "#contact" }]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_1339-3036.jpg",
|
||||
imageAlt: "Mobile detailing van with a car",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22285.jpg",
|
||||
imageAlt: "Luxury car detailing mobile service",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22305.jpg",
|
||||
imageAlt: "Professional mobile car spa",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/south-asian-man-indian-male-washing-his-white-transportation-car-wash_627829-5029.jpg",
|
||||
imageAlt: "Detaling van setup",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-with-mask-train_23-2148579514.jpg",
|
||||
imageAlt: "Clean shiny car exterior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212197.jpg",
|
||||
imageAlt: "Modern mobile car wash",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_1339-3036.jpg?_wi=1", imageAlt: "Premium detailing" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22285.jpg?_wi=1", imageAlt: "Expert care" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -93,10 +55,9 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="Meet Marvin: Quality at Your Doorstep"
|
||||
title="Excellence in Motion"
|
||||
description={[
|
||||
"I'm Marvin, owner of AAA&JAY Mobile Detailing Spa. I built this business on the values of hard work and uncompromising quality.",
|
||||
"We come to you, saving you time while ensuring your vehicle gets the expert attention it deserves.",
|
||||
"AAA&JAY Mobile Detailing Spa provides bespoke vehicle care for discerning owners.", "Our professional technicians combine premium materials with unmatched attention to detail to ensure your car remains in showroom condition."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -107,107 +68,38 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Headlight Restoration",
|
||||
description: "Say goodbye to yellowed, cloudy headlights. We restore them to crystal clarity, improving safety and visibility at night.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp_74190-5433.jpg",
|
||||
imageAlt: "Headlight restoration work",
|
||||
},
|
||||
{
|
||||
title: "Deep Interior Cleaning",
|
||||
description: "We tackle tough stains with deep interior cleaning processes, refreshing upholstery and carpet until it looks and smells like new again.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-working-wood-engraving-workshop_23-2149185465.jpg",
|
||||
imageAlt: "Interior cleaning detail",
|
||||
},
|
||||
{
|
||||
title: "Weekend Availability",
|
||||
description: "Busy work week? No problem. We provide professional detailing services on weekends so you can enjoy a spotless car on your days off.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3868.jpg",
|
||||
imageAlt: "Mobile service convenience",
|
||||
},
|
||||
{ title: "Exterior Restoration", description: "Advanced polishing and paint correction.", imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_1339-3036.jpg?_wi=2" },
|
||||
{ title: "Interior Rejuvenation", description: "Deep cleaning for luxury leather and upholstery.", imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22285.jpg?_wi=2" },
|
||||
{ title: "Service Precision", description: "Mobile convenience without sacrificing professional standards.", imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22305.jpg?_wi=1" }
|
||||
]}
|
||||
title="Our Specialized Services"
|
||||
description="We don't just wash; we restore and refresh your vehicle with precision."
|
||||
description="We bring professional-grade detailing to your location."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
title="Featured Luxury Fleet"
|
||||
description="See the vehicles that benefit most from our elite detailing services."
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Premium Wax Finish",
|
||||
price: "Included",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-blue-bath-bomb-water_23-2147933769.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Upholstery Deep Clean",
|
||||
price: "Included",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-cleaning-gym-equipment_23-2148766019.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Lens Clarity Polish",
|
||||
price: "Included",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-travel-items-inside-car-ready-trip_23-2151078232.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Professional Microfibers",
|
||||
price: "Included",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-yellow-rubber-gloves-cleaning-surface_53876-105351.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Rim Cleaner",
|
||||
price: "Included",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-using-wrench-tighten-wheel-nuts_23-2148254118.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Interior Protectant",
|
||||
price: "Included",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-car-car-showroom_1303-14549.jpg",
|
||||
},
|
||||
{ id: "1", brand: "BMW", name: "M4 CS", price: "Elite Detail", rating: 5, reviewCount: "(12)", imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_1339-3036.jpg?_wi=3" },
|
||||
{ id: "2", brand: "BMW", name: "M3", price: "Elite Detail", rating: 5, reviewCount: "(15)", imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22285.jpg?_wi=3" },
|
||||
{ id: "3", brand: "BMW", name: "X5", price: "Elite Detail", rating: 5, reviewCount: "(8)", imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22305.jpg?_wi=2" }
|
||||
]}
|
||||
title="Professional Grade Products"
|
||||
description="We use only the best chemicals and tools for every job."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="My car looks brand new! Marvin did an incredible job, I couldn't believe it was the same vehicle when he finished."
|
||||
testimonial="My car looks even better than the day I bought it. The attention to detail is simply phenomenal."
|
||||
rating={5}
|
||||
author="Deborah Han"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-cleaning-her-car-outside_23-2148958788.jpg",
|
||||
alt: "Deborah Han",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-gray-sweater-wipes-car-car-wash_1157-35958.jpg",
|
||||
alt: "Josh Jerry",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-glasses-shaking-hands-with-female-partner-meeting-co-working-space_74855-10006.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-mid-adult-businesswoman-with-coffee-phone_1262-19184.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",
|
||||
alt: "Reviewer",
|
||||
},
|
||||
]}
|
||||
author="Joshua Brush"
|
||||
avatars={[]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
@@ -218,25 +110,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you come to my home?",
|
||||
content: "Yes, we are a mobile service and will come directly to your home or office.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are you open on weekends?",
|
||||
content: "Absolutely! We prioritize flexibility to fit your schedule, including full weekend availability.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you remove deep stains?",
|
||||
content: "Yes, our deep interior cleaning service includes dedicated stain removal techniques.",
|
||||
},
|
||||
{ id: "f1", title: "Service Area", content: "We service all major metro areas for convenience." },
|
||||
{ id: "f2", title: "Scheduling", content: "Easily book through our portal or phone." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-startup-coworking-space-with-office-workspaces-computers-professional-business-space-company-department-spacious-agency-building-interior-modern-executive-environment_482257-67835.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We have answers."
|
||||
title="Questions?"
|
||||
description="Professional support for your automotive needs."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -244,45 +122,24 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Book Your Mobile Spa"
|
||||
description="Get in touch with Marvin and AAA&JAY today to get a quote."
|
||||
title="Service Inquiries"
|
||||
description="Request your premium detailing service today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "vehicle", type: "text", placeholder: "Vehicle Model", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email", required: true }
|
||||
]}
|
||||
textarea={{
|
||||
name: "notes",
|
||||
placeholder: "Tell us about your vehicle and services needed...",
|
||||
required: false,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/car-detailing-concept-man-face-mask-with-orbital-polisher-repair-shop-polishing-orange-suv-car_627829-12610.jpg"
|
||||
imageAlt="Marvin at work"
|
||||
textarea={{ name: "inquiry", placeholder: "How can we assist you?", required: true }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="AAA&JAY MOBILE DETAILING SPA"
|
||||
copyrightText="© 2025 AAA&JAY | Hard Work & Quality"
|
||||
logoText="AAA&JAY"
|
||||
copyrightText="© 2025 AAA&JAY Detailing. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #000612e6;
|
||||
--primary-cta: #15479c;
|
||||
--background: #f5f5f5;
|
||||
--card: #ffffff;
|
||||
--foreground: #1c1c1c;
|
||||
--primary-cta: #1c1c1c;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #000612e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #c4c4c4;
|
||||
--accent: #15479c;
|
||||
--background-accent: #a8cce8;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user