3 Commits

Author SHA1 Message Date
f0a1c9c6a8 Update src/app/page.tsx 2026-01-22 07:27:04 +00:00
b046b786a7 Update src/app/layout.tsx 2026-01-22 07:27:03 +00:00
f31d67b81b Update src/app/globals.css 2026-01-22 07:27:02 +00:00
3 changed files with 59 additions and 58 deletions

View File

@@ -4,21 +4,21 @@
/* Base units */
/* --vw is set by ThemeProvider */
/* --background: #f5f5f5;;
--card: #ffffff;;
--foreground: #1c1c1c;;
--primary-cta: #1f514c;;
--secondary-cta: #ffffff;;
--accent: #159c49;;
--background-accent: #a8e8ba;; */
/* --background: #0a0a0a;;
--card: #1a1a1a;;
--foreground: #ffffffe6;;
--primary-cta: #00d9ff;;
--secondary-cta: #1a1a1a;;
--accent: #00d9ff;;
--background-accent: #0a2a3a;; */
--background: #f5f5f5;;
--card: #ffffff;;
--foreground: #1c1c1c;;
--primary-cta: #1f514c;;
--secondary-cta: #ffffff;;
--accent: #159c49;;
--background-accent: #a8e8ba;;
--background: #0a0a0a;;
--card: #1a1a1a;;
--foreground: #ffffffe6;;
--primary-cta: #00d9ff;;
--secondary-cta: #1a1a1a;;
--accent: #00d9ff;;
--background-accent: #0a2a3a;;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
@@ -509,7 +509,7 @@ html {
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-outfit), sans-serif;
font-family: var(--font-space-grotesk), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
@@ -522,5 +522,5 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-outfit), sans-serif;
font-family: var(--font-space-grotesk), sans-serif;
}

View File

@@ -1,11 +1,11 @@
import type { Metadata } from "next";
import { Outfit } from "next/font/google";
import { Space_Grotesk } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const outfit = Outfit({
variable: "--font-outfit", subsets: ["latin"],
const spaceGrotesk = Space_Grotesk({
variable: "--font-space-grotesk", subsets: ["latin"],
});
export const metadata: Metadata = {
@@ -32,7 +32,7 @@ export default function RootLayout({
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={outfit.variable}
className={spaceGrotesk.variable}
>
<Tag />
{children}

View File

@@ -2,7 +2,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
@@ -15,16 +15,16 @@ import { Sparkles, Zap, Star, TrendingUp, Car, Smile, Award } from "lucide-react
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
defaultButtonVariant="hover-bubble"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="mediumLarge"
background="none"
cardStyle="elevated"
primaryButtonStyle="inset-glow"
secondaryButtonStyle="solid"
headingFontWeight="semibold"
sizing="largeSizeMediumTitles"
background="radialGradient"
cardStyle="glass-elevated"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
headingFontWeight="bold"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
@@ -42,24 +42,25 @@ export default function LandingPage() {
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
<HeroBillboardRotatedCarousel
title="Professional Car Detailing That Shines"
description="Transform your vehicle with Sweeper's premium detailing services. From ceramic coatings to deep interior cleaning, we deliver showroom-quality results every time."
kpis={[
{ value: "500+", label: "Happy Customers" },
{ value: "4.9★", label: "Average Rating" },
{ value: "10yrs", label: "Industry Experience" }
]}
enableKpiAnimation={true}
tag="Premium Auto Care"
tagIcon={Sparkles}
buttons={[
{ text: "Book Your Detail", href: "#contact" },
{ text: "Learn More", href: "#features" }
]}
imageSrc="https://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22299.jpg"
imageAlt="Professional car detailing service"
imagePosition="right"
carouselItems={[
{ id: "1", imageSrc: "https://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30596.jpg", imageAlt: "Professional car detailing service" },
{ id: "2", imageSrc: "https://img.b2bpic.net/free-photo/mid-adult-mechanic-examining-vehicle-hood-while-working-auto-repair-shop_637285-7664.jpg", imageAlt: "Ceramic coating application" },
{ id: "3", imageSrc: "https://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30576.jpg", imageAlt: "Interior cleaning service" },
{ id: "4", imageSrc: "https://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22299.jpg", imageAlt: "Paint correction work" },
{ id: "5", imageSrc: "https://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22304.jpg", imageAlt: "Vehicle protection" },
{ id: "6", imageSrc: "https://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30586.jpg", imageAlt: "Premium detailing results" }
]}
autoPlay={true}
autoPlayInterval={4000}
/>
</div>
@@ -81,10 +82,10 @@ export default function LandingPage() {
id: "value", label: "Unbeatable Value", description: "Get premium quality at competitive prices. We believe exceptional car care shouldn't break the bank, which is why we offer flexible packages for every budget."
}
]}
imageSrc="https://img.b2bpic.net/free-photo/mid-adult-manager-using-digital-tablet-while-talking-car-mechanics-auto-repair-shop_637285-4225.jpg"
imageSrc="https://img.b2bpic.net/free-photo/happy-mechanic-greeting-with-his-african-american-coworker-auto-repair-shop_637285-11601.jpg"
imageAlt="Professional detailing team"
imagePosition="right"
useInvertedBackground="noInvert"
useInvertedBackground="invertDefault"
/>
</div>
@@ -94,19 +95,19 @@ export default function LandingPage() {
description="Comprehensive detailing solutions tailored to protect and enhance your vehicle"
features={[
{
id: "01", title: "Ceramic Coating", description: "Advanced protective coating that repels water, dirt, and UV rays. Keeps your car looking showroom-fresh for years with minimal maintenance.", imageSrc: "https://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30596.jpg", imageAlt: "Ceramic coating application"
id: "01", title: "Ceramic Coating", description: "Advanced protective coating that repels water, dirt, and UV rays. Keeps your car looking showroom-fresh for years with minimal maintenance.", imageSrc: "https://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22308.jpg", imageAlt: "Ceramic coating application"
},
{
id: "02", title: "Interior Deep Clean", description: "Professional vacuum, steam cleaning, and conditioning of all interior surfaces. We eliminate dust, allergens, and odors for a pristine cabin environment.", imageSrc: "https://img.b2bpic.net/free-photo/mid-adult-mechanic-examining-vehicle-hood-while-working-auto-repair-shop_637285-7664.jpg", imageAlt: "Interior cleaning service"
id: "02", title: "Interior Deep Clean", description: "Professional vacuum, steam cleaning, and conditioning of all interior surfaces. We eliminate dust, allergens, and odors for a pristine cabin environment.", imageSrc: "https://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193578.jpg", imageAlt: "Interior cleaning service"
},
{
id: "03", title: "Paint Correction", description: "Expert restoration of paint damage, swirl marks, and oxidation. Our technicians use advanced polishing techniques to reveal your vehicle's true shine.", imageSrc: "https://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342625.jpg", imageAlt: "Paint correction and polishing"
id: "03", title: "Paint Correction", description: "Expert restoration of paint damage, swirl marks, and oxidation. Our technicians use advanced polishing techniques to reveal your vehicle's true shine.", imageSrc: "https://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22285.jpg", imageAlt: "Paint correction and polishing"
}
]}
tag="Premium Services"
tagIcon={Zap}
textboxLayout="default"
animationType="slide-up"
animationType="scale-rotate"
gridVariant="uniform-all-items-equal"
useInvertedBackground="noInvert"
/>
@@ -121,33 +122,33 @@ export default function LandingPage() {
testimonials={[
{
id: "1", name: "Michael Torres", handle: "@michael_t", testimonial: "Sweeper completely transformed my car's appearance. The ceramic coating has protected my paint beautifully, and the team was incredibly professional throughout.", rating: 5,
imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", imageAlt: "Michael Torres"
imageSrc: "https://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", imageAlt: "Michael Torres"
},
{
id: "2", name: "Sarah Johnson", handle: "@sarah_j", testimonial: "Best detailing service I've ever used. The attention to detail is unmatched, and my car's interior has never felt cleaner. Highly recommend!", rating: 5,
imageSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageAlt: "Sarah Johnson"
imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg", imageAlt: "Sarah Johnson"
},
{
id: "3", name: "David Chen", handle: "@david_chen", testimonial: "Professional, efficient, and reasonably priced. They fixed all those swirl marks I couldn't get rid of. My car looks brand new again!", rating: 5,
imageSrc: "https://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg", imageAlt: "David Chen"
imageSrc: "https://img.b2bpic.net/free-photo/crazy-businessman-worried-expression_1194-3826.jpg", imageAlt: "David Chen"
},
{
id: "4", name: "Jessica Martinez", handle: "@jess_m", testimonial: "The customer service is outstanding. They explained every step of the process and answered all my questions. Will definitely be back!", rating: 5,
imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Jessica Martinez"
imageSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1633.jpg", imageAlt: "Jessica Martinez"
},
{
id: "5", name: "Robert Williams", handle: "@rob_w", testimonial: "My luxury car has never looked better. The team handled it with extreme care and precision. Worth every penny!", rating: 5,
imageSrc: "https://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg", imageAlt: "Robert Williams"
imageSrc: "https://img.b2bpic.net/free-photo/aged-middle-expression-calling-business_1262-2838.jpg", imageAlt: "Robert Williams"
},
{
id: "6", name: "Emily Rodriguez", handle: "@emily_r", testimonial: "Five stars isn't enough! The professionalism and quality of work exceeded my expectations. Sweeper is the gold standard for car care.", rating: 5,
imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg", imageAlt: "Emily Rodriguez"
imageSrc: "https://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg", imageAlt: "Emily Rodriguez"
}
]}
showRating={true}
textboxLayout="default"
animationType="slide-up"
useInvertedBackground="noInvert"
animationType="blur-reveal"
useInvertedBackground="invertDefault"
/>
</div>
@@ -172,7 +173,7 @@ export default function LandingPage() {
}
]}
textboxLayout="default"
animationType="slide-up"
animationType="scale-rotate"
gridVariant="uniform-all-items-equal"
useInvertedBackground="noInvert"
/>
@@ -203,11 +204,11 @@ export default function LandingPage() {
id: "6", title: "Are your products eco-friendly?", content: "Yes, we use environmentally conscious, biodegradable products that are safe for your vehicle, your family, and the planet. Quality doesn't require harmful chemicals."
}
]}
imageSrc="https://img.b2bpic.net/free-photo/young-distraught-call-center-agent-communicating-with-client-while-using-desktop-pc-office_637285-6461.jpg"
imageSrc="https://img.b2bpic.net/free-photo/young-beautiful-female-support-phone-operator-speaking-consulting-office_176420-957.jpg"
imageAlt="Professional detailing team"
mediaPosition="left"
textboxLayout="default"
useInvertedBackground="noInvert"
useInvertedBackground="invertDefault"
animationType="smooth"
/>
</div>
@@ -227,7 +228,7 @@ export default function LandingPage() {
required: true
}}
useInvertedBackground="noInvert"
imageSrc="https://img.b2bpic.net/free-photo/young-beautiful-female-support-phone-operator-speaking-consulting-office_176420-957.jpg"
imageSrc="https://img.b2bpic.net/free-photo/people-working-call-center_23-2149288189.jpg"
imageAlt="Professional car detailing service"
mediaPosition="right"
buttonText="Book Your Detail"