Merge version_2 into main #1
282
src/app/page.tsx
282
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
|
||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { Award, Shield, Star } from "lucide-react";
|
||||
import { Award, Shield, Star, MapPin, Phone, Mail } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Axisoft"
|
||||
/>
|
||||
@@ -56,63 +48,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Surface & Structure. Restoration Perfected."
|
||||
description="At Axisoft, we don't just wash your vehicle—we restore it to showroom brilliance using precision techniques and professional ceramic protection."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Detail",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Detail", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-cleaning-front-car_23-2148510571.jpg"
|
||||
imageAlt="Professionally detailed car with glossy finish"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-car-vehicle_23-2148509008.jpg",
|
||||
alt: "Happy customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-car-vehicle_23-2148509008.jpg", alt: "Happy customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/gardener-keeping-vegetable-crate-inside-car_23-2147844352.jpg",
|
||||
alt: "Happy customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/gardener-keeping-vegetable-crate-inside-car_23-2147844352.jpg", alt: "Happy customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-driving-car_1385-1500.jpg",
|
||||
alt: "Happy customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-driving-car_1385-1500.jpg", alt: "Happy customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-enjoying-road-trip_23-2148732184.jpg",
|
||||
alt: "Happy customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-enjoying-road-trip_23-2148732184.jpg", alt: "Happy customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",
|
||||
alt: "Happy customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", alt: "Happy customer 5"},
|
||||
]}
|
||||
avatarText="Trusted by 1,200+ car enthusiasts"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Paint Correction",
|
||||
},
|
||||
type: "text", text: "Paint Correction"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ceramic Coating",
|
||||
},
|
||||
type: "text", text: "Ceramic Coating"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Interior Restoration",
|
||||
},
|
||||
type: "text", text: "Interior Restoration"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Surface Protection",
|
||||
},
|
||||
type: "text", text: "Surface Protection"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Showroom Quality",
|
||||
},
|
||||
type: "text", text: "Showroom Quality"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -124,19 +93,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Star,
|
||||
label: "Vehicles Restored",
|
||||
value: "1,200+",
|
||||
},
|
||||
label: "Vehicles Restored", value: "1,200+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience",
|
||||
value: "10+",
|
||||
},
|
||||
label: "Years Experience", value: "10+"},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Ceramic Coatings",
|
||||
value: "500+",
|
||||
},
|
||||
label: "Ceramic Coatings", value: "500+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -149,41 +112,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Deep Interior Clean",
|
||||
author: "Interior",
|
||||
description: "Steam cleaning, vacuuming, and leather treatment for a fresh cabin.",
|
||||
tags: [
|
||||
"Interior",
|
||||
"Premium",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552297.jpg",
|
||||
imageAlt: "Detailing vacuum work",
|
||||
},
|
||||
id: "f1", title: "Deep Interior Clean", author: "Interior", description: "Steam cleaning, vacuuming, and leather treatment for a fresh cabin.", tags: [
|
||||
"Interior", "Premium"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552297.jpg", imageAlt: "Detailing vacuum work"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Paint Correction",
|
||||
author: "Exterior",
|
||||
description: "Multi-stage polishing to eliminate swirl marks and light scratches.",
|
||||
tags: [
|
||||
"Paint",
|
||||
"Gloss",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-polish-car-garage_1157-36574.jpg",
|
||||
imageAlt: "Polishing car paint",
|
||||
},
|
||||
id: "f2", title: "Paint Correction", author: "Exterior", description: "Multi-stage polishing to eliminate swirl marks and light scratches.", tags: [
|
||||
"Paint", "Gloss"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-polish-car-garage_1157-36574.jpg", imageAlt: "Polishing car paint"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Ceramic Protection",
|
||||
author: "Exterior",
|
||||
description: "Advanced ceramic coating for long-lasting hydrophobic protection.",
|
||||
tags: [
|
||||
"Shield",
|
||||
"Durability",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-wrapping-car-inside-full-shot_23-2149385683.jpg",
|
||||
imageAlt: "Ceramic coating layer",
|
||||
},
|
||||
id: "f3", title: "Ceramic Protection", author: "Exterior", description: "Advanced ceramic coating for long-lasting hydrophobic protection.", tags: [
|
||||
"Shield", "Durability"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-wrapping-car-inside-full-shot_23-2149385683.jpg", imageAlt: "Ceramic coating layer"},
|
||||
]}
|
||||
title="Precision Detailing Services"
|
||||
description="Every detail matters. Our professional process ensures your car returns to its original, showroom-worthy condition."
|
||||
@@ -197,51 +136,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "express",
|
||||
name: "Express Detail",
|
||||
price: "$150",
|
||||
features: [
|
||||
"Full exterior hand wash",
|
||||
"Interior vacuum",
|
||||
"Window cleaning",
|
||||
],
|
||||
id: "express", name: "Express Detail", price: "$150", features: [
|
||||
"Full exterior hand wash", "Interior vacuum", "Window cleaning"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
name: "Premium Restoration",
|
||||
price: "$350",
|
||||
features: [
|
||||
"All Express features",
|
||||
"Leather conditioning",
|
||||
"Light paint polish",
|
||||
],
|
||||
id: "premium", name: "Premium Restoration", price: "$350", features: [
|
||||
"All Express features", "Leather conditioning", "Light paint polish"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "ultimate",
|
||||
name: "Ultimate Protection",
|
||||
price: "$700",
|
||||
features: [
|
||||
"All Premium features",
|
||||
"Full paint correction",
|
||||
"Ceramic coating",
|
||||
],
|
||||
id: "ultimate", name: "Ultimate Protection", price: "$700", features: [
|
||||
"All Premium features", "Full paint correction", "Ceramic coating"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -257,64 +172,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Cindy",
|
||||
role: "CEO",
|
||||
company: "TechCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-car-dealership_23-2148130233.jpg",
|
||||
imageAlt: "Cindy portrait",
|
||||
},
|
||||
id: "1", name: "Cindy", role: "CEO", company: "TechCorp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-car-dealership_23-2148130233.jpg", imageAlt: "Cindy portrait"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Patrick",
|
||||
role: "Director",
|
||||
company: "Agency",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-signing-paperwork-auto-repair-shop-looking-camera_637285-11547.jpg",
|
||||
imageAlt: "Patrick portrait",
|
||||
},
|
||||
id: "2", name: "Patrick", role: "Director", company: "Agency", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-signing-paperwork-auto-repair-shop-looking-camera_637285-11547.jpg", imageAlt: "Patrick portrait"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Greg",
|
||||
role: "Manager",
|
||||
company: "Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/enthusiastic-woman-laughing-turquoise-wall_197531-19734.jpg",
|
||||
imageAlt: "Greg portrait",
|
||||
},
|
||||
id: "3", name: "Greg", role: "Manager", company: "Studio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/enthusiastic-woman-laughing-turquoise-wall_197531-19734.jpg", imageAlt: "Greg portrait"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah",
|
||||
role: "Designer",
|
||||
company: "Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-elegant-man-car-salon_1157-30214.jpg",
|
||||
imageAlt: "Sarah portrait",
|
||||
},
|
||||
id: "4", name: "Sarah", role: "Designer", company: "Studio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-elegant-man-car-salon_1157-30214.jpg", imageAlt: "Sarah portrait"},
|
||||
{
|
||||
id: "5",
|
||||
name: "David",
|
||||
role: "Consultant",
|
||||
company: "Firm",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
|
||||
imageAlt: "David portrait",
|
||||
},
|
||||
id: "5", name: "David", role: "Consultant", company: "Firm", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg", imageAlt: "David portrait"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Client Rating",
|
||||
},
|
||||
value: "4.9/5", label: "Client Rating"},
|
||||
{
|
||||
value: "95%",
|
||||
label: "Return Rate",
|
||||
},
|
||||
value: "95%", label: "Return Rate"},
|
||||
{
|
||||
value: "1.2k+",
|
||||
label: "Happy Clients",
|
||||
},
|
||||
value: "1.2k+", label: "Happy Clients"},
|
||||
]}
|
||||
title="Trusted by Owners"
|
||||
description="Our clients expect perfection, and we deliver."
|
||||
@@ -326,14 +205,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Axisoft Detailing",
|
||||
"Elite Care",
|
||||
"Auto Gloss",
|
||||
"Surface Guard",
|
||||
"Premium Polish",
|
||||
"Structure Auto",
|
||||
"Precision Detail",
|
||||
]}
|
||||
"Axisoft Detailing", "Elite Care", "Auto Gloss", "Surface Guard", "Premium Polish", "Structure Auto", "Precision Detail"]}
|
||||
title="Recognized Excellence"
|
||||
description="Proudly working with premium vehicle brands and owners."
|
||||
/>
|
||||
@@ -344,20 +216,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How long does a service take?",
|
||||
content: "Most packages take between 3 and 8 hours depending on service level.",
|
||||
},
|
||||
id: "q1", title: "How long does a service take?", content: "Most packages take between 3 and 8 hours depending on service level."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer mobile services?",
|
||||
content: "Yes, we bring premium detailing directly to your driveway.",
|
||||
},
|
||||
id: "q2", title: "Do you offer mobile services?", content: "Yes, we bring premium detailing directly to your driveway."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is my paint protected?",
|
||||
content: "Our detailing process uses pH-balanced soaps and safe techniques for zero damage.",
|
||||
},
|
||||
id: "q3", title: "Is my paint protected?", content: "Our detailing process uses pH-balanced soaps and safe techniques for zero damage."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about your detailing service."
|
||||
@@ -369,16 +232,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Booking Now"
|
||||
variant: "radial-gradient"}}
|
||||
tag="Visit Us"
|
||||
title="Limited Spots Available"
|
||||
description="Book your detail today and drive something you're proud of."
|
||||
description="📍 123 Detail Way, Auto City, AC 90210. Visit us today and drive something you're proud of."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Book Now", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -389,33 +249,21 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#",
|
||||
},
|
||||
label: "123 Detail Way, Auto City", href: "https://maps.app.goo.gl/example"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "(555) 123-4567", href: "tel:+15551234567"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "info@axisoft.com", href: "mailto:info@axisoft.com"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Home", href: "#"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user