Update src/app/page.tsx
This commit is contained in:
420
src/app/page.tsx
420
src/app/page.tsx
@@ -1,313 +1,127 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
|
||||
import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
|
||||
import PricingCardFive from "@/components/sections/pricing/PricingCardFive";
|
||||
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||||
import Link from "next/link";
|
||||
|
||||
export default function LandingPage() {
|
||||
const navItems = [{ name: "Home", id: "/" }];
|
||||
|
||||
export default function Page() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="compact"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Jensen Beach Car Wash"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Luxury Detailing in Jensen Beach"
|
||||
description="Experience the ultimate shine with our premium car wash services, meticulously crafted for your vehicle's perfection."
|
||||
kpis={[
|
||||
{
|
||||
value: "12+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "5k+",
|
||||
label: "Satisfied Drivers",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Satisfaction Rate",
|
||||
},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5550123",
|
||||
},
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/black-background-with-water-texture_23-2149872537.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-man-shopping-buying-consumer-goods_23-2151669840.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ local drivers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Hand Wash",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ceramic Coating",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Interior Detailing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Eco-Friendly Products",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Express Wax",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Self-Service Wash",
|
||||
author: "Professional Grade",
|
||||
description: "High-pressure equipment for your car wash needs.",
|
||||
tags: [
|
||||
"Self-Service",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-washer-blue-uniform-washing-luxury-car-with-water-gun-open-air-car-wash_496169-311.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Advanced Blow Dry",
|
||||
author: "Fast & Effective",
|
||||
description: "Streak-free drying using high-velocity air systems.",
|
||||
tags: [
|
||||
"Drying",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194141.jpg",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Precision Bug Removal",
|
||||
author: "Paint Safe",
|
||||
description: "Gentle but effective bug and residue removal.",
|
||||
tags: [
|
||||
"Detailing",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-tattoos-producing-craft-beer_23-2148110892.jpg",
|
||||
},
|
||||
]}
|
||||
title="Premium Car Care Services"
|
||||
description="Professional solutions for every detail of your car's maintenance."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Basic",
|
||||
price: "$12",
|
||||
period: "Full Wash",
|
||||
description: "Our complete service offer.",
|
||||
button: {
|
||||
text: "Choose Plan",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Included Features",
|
||||
features: [
|
||||
"Full Exterior Wash",
|
||||
"Tire Shine",
|
||||
"Clear Coat Protectant",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Deluxe",
|
||||
price: "$25",
|
||||
period: "Full Service",
|
||||
description: "The ultimate vehicle treatment.",
|
||||
button: {
|
||||
text: "Choose Plan",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Included Features",
|
||||
features: [
|
||||
"Everything in Basic",
|
||||
"Interior Vacuum",
|
||||
"Dashboard Polish",
|
||||
"Window Cleaning",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Select Your Wash"
|
||||
description="Premium quality at the perfect price point."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Best car wash in Jensen Beach! The $12 service is unbeatable quality and the staff are incredibly professional."
|
||||
rating={5}
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
|
||||
alt: "John",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",
|
||||
alt: "Mike",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
|
||||
alt: "Anna",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-man-shopping-buying-consumer-goods_23-2151669840.jpg",
|
||||
alt: "Chris",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="Visit us at Jensen Beach today for a premium experience."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5550123",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Full Service",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
label: "Detailing",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Jensen Beach Car Wash"
|
||||
copyrightText="© 2025 Jensen Beach Car Wash"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen navItems={navItems} />
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Luxury Detailing in Jensen Beach"
|
||||
description="Experience the ultimate shine with our premium car wash services, meticulously crafted for your vehicle's perfection."
|
||||
kpis={[
|
||||
{ value: "12+", label: "Years Experience" },
|
||||
{ value: "5k+", label: "Satisfied Drivers" },
|
||||
{ value: "100%", label: "Satisfaction Rate" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[{ text: "Call Now", href: "tel:5550123" }, { text: "Get Directions", href: "https://maps.google.com" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/black-background-with-water-texture_23-2149872537.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-man-shopping-buying-consumer-goods_23-2151669840.jpg", alt: "Customer 5" }
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ local drivers"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Premium Hand Wash" },
|
||||
{ type: "text", text: "Ceramic Coating" },
|
||||
{ type: "text", text: "Interior Detailing" },
|
||||
{ type: "text", text: "Eco-Friendly Products" },
|
||||
{ type: "text", text: "Express Wax" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
title="Premium Car Care Services"
|
||||
description="Professional solutions for every detail of your car's maintenance."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "s1", title: "Self-Service Wash", author: "Professional Grade", description: "High-pressure equipment for your car wash needs.", tags: ["Self-Service"], imageSrc: "http://img.b2bpic.net/free-photo/professional-washer-blue-uniform-washing-luxury-car-with-water-gun-open-air-car-wash_496169-311.jpg" },
|
||||
{ id: "s2", title: "Advanced Blow Dry", author: "Fast & Effective", description: "Streak-free drying using high-velocity air systems.", tags: ["Drying"], imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194141.jpg" },
|
||||
{ id: "s3", title: "Precision Bug Removal", author: "Paint Safe", description: "Gentle but effective bug and residue removal.", tags: ["Detailing"], imageSrc: "http://img.b2bpic.net/free-photo/man-with-tattoos-producing-craft-beer_23-2148110892.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
animationType="slide-up"
|
||||
title="Select Your Wash"
|
||||
description="Premium quality at the perfect price point."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: "basic", tag: "Basic", price: "$12", period: "Full Wash", description: "Our complete service offer.", button: { text: "Choose Plan", href: "#contact" }, featuresTitle: "Included Features", features: ["Full Exterior Wash", "Tire Shine", "Clear Coat Protectant"] },
|
||||
{ id: "pro", tag: "Deluxe", price: "$25", period: "Full Service", description: "The ultimate vehicle treatment.", button: { text: "Choose Plan", href: "#contact" }, featuresTitle: "Included Features", features: ["Everything in Basic", "Interior Vacuum", "Dashboard Polish", "Window Cleaning"] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="Best car wash in Jensen Beach! The $12 service is unbeatable quality and the staff are incredibly professional."
|
||||
rating={5}
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg", alt: "Sarah" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg", alt: "John" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg", alt: "Mike" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", alt: "Anna" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-man-shopping-buying-consumer-goods_23-2151669840.jpg", alt: "Chris" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Visit us at Jensen Beach today for a premium experience."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "Call Now", href: "tel:5550123" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Services", items: [{ label: "Full Service", href: "#pricing" }, { label: "Detailing", href: "#services" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] }
|
||||
]}
|
||||
logoText="Jensen Beach Car Wash"
|
||||
copyrightText="© 2025 Jensen Beach Car Wash"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user