128 lines
5.5 KiB
TypeScript
128 lines
5.5 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroPersonalLinks from '@/components/sections/hero/HeroPersonalLinks';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import { Droplets, Zap, ShieldCheck, Smile } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="none"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Features", id: "features" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="Sun City Wash"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroPersonalLinks
|
|
background={{ variant: "plain" }}
|
|
title="Self Service Excellence"
|
|
linkCards={[
|
|
{ title: "High Pressure Wash", description: "Powerful cleaning action for road grime.", button: { text: "Start Wash" }, icon: Zap },
|
|
{ title: "Spot-Free Rinse", description: "Flawless shine with purified water.", button: { text: "Start Wash" }, icon: Droplets },
|
|
{ title: "Vehicle Protection", description: "Premium wax for lasting finish.", button: { text: "Start Wash" }, icon: ShieldCheck },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
useInvertedBackground={false}
|
|
title="Designed for Perfection"
|
|
description="Sun City Self Service Wash provides top-tier facilities for the discerning owner. We combine high-quality soap solutions with advanced pressurized cleaning equipment to deliver professional results in minutes."
|
|
imageSrc="http://img.b2bpic.net/free-photo/man-washing-his-car-washing-station_1157-27219.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSixteen
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
title="Why Choose Us?"
|
|
description="Experience the difference of a well-maintained facility."
|
|
positiveCard={{ items: ["24/7 Accessibility", "High-Quality Soap", "Powerful Pressure", "Clean Bays"] }}
|
|
negativeCard={{ items: ["No Long Queues", "No Harsh Chemicals", "No Hidden Costs"] }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardFive
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Simple Pricing"
|
|
description="Choose the plan that fits your vehicle needs."
|
|
plans={[
|
|
{ id: "1", tag: "Standard", price: "$5", period: "per wash", description: "Basic cleaning for busy days.", button: { text: "Buy Now" }, featuresTitle: "Everything included:", features: ["Pressure Wash", "Foam Brush", "Rinse"] },
|
|
{ id: "2", tag: "Advanced", price: "$10", period: "per wash", description: "Complete care package.", button: { text: "Buy Now" }, featuresTitle: "Includes standard plus:", features: ["Wax Treatment", "Tire Polish", "Undercarriage Spray"] },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
showRating={true}
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Customer Feedback"
|
|
description="See why our community trusts us."
|
|
testimonials={[
|
|
{ id: "1", name: "Alex P.", handle: "@alexwash", testimonial: "The cleanest bay in the city. Always a great result.", rating: 5, icon: Smile },
|
|
{ id: "2", name: "Jordan W.", handle: "@jordan_car", testimonial: "The wax treatment is incredible. Shine lasts for weeks!", rating: 5, icon: Smile },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Contact Us"
|
|
description="We are here to answer your questions and provide support for our facilities."
|
|
inputs={[{ name: "name", type: "text", placeholder: "Full Name" }, { name: "email", type: "email", placeholder: "Email Address" }]}
|
|
textarea={{ name: "message", placeholder: "How can we help?" }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/car-wash-station_1157-27220.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoText="Sun City Wash"
|
|
columns={[
|
|
{ title: "Services", items: [{ label: "Wash Bays", href: "#" }, { label: "Detailing Supplies", href: "#" }] },
|
|
{ title: "Company", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
|
]}
|
|
copyrightText="© 2024 Sun City Wash"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |