bender/ae8641af-caba-4680-b5ba-a9f331ec7313
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-05-11 10:56:52 +00:00
parent 6e31bfe4d2 64e9fe48c6
commit bfc77abda1
1 changed files with 50 additions and 287 deletions
Download Patch File Download Diff File Expand all files Collapse all files

337
src/app/page.tsx
View File

@@ -12,7 +12,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Award, Clock, Shield, Sparkles } from "lucide-react";
import { Award, Clock, Shield, Sparkles, Brush } from "lucide-react";
export default function LandingPage() {
return (
@@ -32,22 +32,14 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "home",
},
{
name: "Services",
id: "services",
},
{
name: "About",
id: "about",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "home" },
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Pricing", id: "pricing" },
{ name: "Products", id: "products" },
{ name: "Testimonials", id: "testimonials" },
{ name: "FAQ", id: "faq" },
{ name: "Contact", id: "contact" },
]}
brandName="Black Horse Detailing"
/>
@@ -55,48 +47,17 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroBillboardRotatedCarousel
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Professional Car Care in Dieburg"
description="At Black Horse Detailing, we restore your vehicle to showroom quality. Expert care, premium products, and absolute precision."
buttons={[
{
text: "Book Appointment",
href: "#contact",
},
]}
buttons={[{ text: "Book Appointment", href: "#contact" }]}
carouselItems={[
{
id: "h1",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-headlight-silver-car_181624-22638.jpg?_wi=1",
imageAlt: "Luxury detailing",
},
{
id: "h2",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194141.jpg?_wi=1",
imageAlt: "Expert cleaning",
},
{
id: "h3",
imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-examining-vehicle-hood-while-working-auto-repair-shop_637285-7664.jpg",
imageAlt: "Precision polish",
},
{
id: "h4",
imageSrc: "http://img.b2bpic.net/free-photo/reflection-sky_181624-9195.jpg",
imageAlt: "Interior care",
},
{
id: "h5",
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-repairs-car-engine_23-2148254112.jpg",
imageAlt: "Engine cleaning",
},
{
id: "h6",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-bubbles-splashing-water_23-2147798199.jpg",
imageAlt: "Detail work",
},
{ id: "h1", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-headlight-silver-car_181624-22638.jpg", imageAlt: "Luxury detailing" },
{ id: "h2", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194141.jpg", imageAlt: "Expert cleaning" },
{ id: "h3", imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-examining-vehicle-hood-while-working-auto-repair-shop_637285-7664.jpg", imageAlt: "Precision polish" },
{ id: "h4", imageSrc: "http://img.b2bpic.net/free-photo/reflection-sky_181624-9195.jpg", imageAlt: "Interior care" },
{ id: "h5", imageSrc: "http://img.b2bpic.net/free-photo/man-doing-repairs-car-engine_23-2148254112.jpg", imageAlt: "Engine cleaning" },
{ id: "h6", imageSrc: "http://img.b2bpic.net/free-photo/close-up-bubbles-splashing-water_23-2147798199.jpg", imageAlt: "Detail work" },
]}
/>
</div>
@@ -106,21 +67,9 @@ export default function LandingPage() {
useInvertedBackground={true}
title="Why Black Horse Detailing?"
metrics={[
{
icon: Award,
label: "Vehicles Served",
value: "1500+",
},
{
icon: Shield,
label: "Satisfaction Rate",
value: "99%",
},
{
icon: Clock,
label: "Years Experience",
value: "8",
},
{ icon: Award, label: "Vehicles Served", value: "1500+" },
{ icon: Shield, label: "Satisfaction Rate", value: "99%" },
{ icon: Clock, label: "Years Experience", value: "8" },
]}
metricsAnimation="blur-reveal"
/>
@@ -133,34 +82,13 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Ceramic Coating",
description: "Long-term protection with high-gloss finish.",
bentoComponent: {
bentoComponent: "reveal-icon",
icon: Shield,
},
imageSrc: "http://img.b2bpic.net/free-photo/amazing-view-modern-swimming-pool_23-2148326876.jpg",
imageAlt: "professional car detailing studio",
title: "Ceramic Coating", description: "Long-term protection with high-gloss finish.", bentoComponent: { bentoComponent: "reveal-icon", icon: Shield },
},
{
title: "Deep Interior Cleaning",
description: "Complete rejuvenation for seats, carpets, and trim.",
bentoComponent: {
bentoComponent: "reveal-icon",
icon: Brush,
},
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-headlight-silver-car_181624-22638.jpg?_wi=2",
imageAlt: "professional car detailing studio",
title: "Deep Interior Cleaning", description: "Complete rejuvenation for seats, carpets, and trim.", bentoComponent: { bentoComponent: "reveal-icon", icon: Brush },
},
{
title: "Exterior Polish",
description: "Removal of swirl marks and deep surface scratches.",
bentoComponent: {
bentoComponent: "reveal-icon",
icon: Sparkles,
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194141.jpg?_wi=2",
imageAlt: "professional car detailing studio",
title: "Exterior Polish", description: "Removal of swirl marks and deep surface scratches.", bentoComponent: { bentoComponent: "reveal-icon", icon: Sparkles },
},
]}
title="Premium Detailing Services"
@@ -170,60 +98,21 @@ export default function LandingPage() {
<div id="pricing" data-section="pricing">
<PricingCardEight
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
plans={[
{
id: "basic",
badge: "Essential",
price: "€149",
subtitle: "Perfect for maintenance",
buttons: [
{
text: "Select",
href: "#contact",
},
],
features: [
"Exterior hand wash",
"Tire shine",
"Glass cleaning",
],
id: "basic", badge: "Essential", price: "€149", subtitle: "Perfect for maintenance", buttons: [{ text: "Select", href: "#contact" }],
features: ["Exterior hand wash", "Tire shine", "Glass cleaning"],
},
{
id: "pro",
badge: "Premium",
price: "€299",
subtitle: "Comprehensive service",
buttons: [
{
text: "Select",
href: "#contact",
},
],
features: [
"Full exterior detail",
"Full interior deep clean",
"Leather conditioning",
],
id: "pro", badge: "Premium", price: "€299", subtitle: "Comprehensive service", buttons: [{ text: "Select", href: "#contact" }],
features: ["Full exterior detail", "Full interior deep clean", "Leather conditioning"],
},
{
id: "max",
badge: "Elite",
price: "€499",
subtitle: "The complete treatment",
buttons: [
{
text: "Select",
href: "#contact",
},
],
features: [
"Paint correction",
"Ceramic coating",
"Engine detail",
"Ozone treatment",
],
id: "max", badge: "Elite", price: "€499", subtitle: "The complete treatment", buttons: [{ text: "Select", href: "#contact" }],
features: ["Paint correction", "Ceramic coating", "Engine detail", "Ozone treatment"],
},
]}
title="Tailored Detailing Packages"
@@ -238,48 +127,12 @@ export default function LandingPage() {
gridVariant="two-columns-alternating-heights"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Premium Polish",
price: "€29",
variant: "500ml",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-exterior-details-modern-black-car_181624-25346.jpg",
},
{
id: "p2",
name: "Tire Shine Gel",
price: "€19",
variant: "250ml",
imageSrc: "http://img.b2bpic.net/free-photo/set-cosmetic-brushes_23-2147710658.jpg",
},
{
id: "p3",
name: "Ultra-Soft Towel",
price: "€12",
variant: "Set of 3",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194085.jpg",
},
{
id: "p4",
name: "Leather Cream",
price: "€25",
variant: "300ml",
imageSrc: "http://img.b2bpic.net/free-photo/hand-with-microfiber-cloth-cleaning-car_93675-128713.jpg",
},
{
id: "p5",
name: "Pro Shop Vac",
price: "€199",
variant: "Industrial",
imageSrc: "http://img.b2bpic.net/free-photo/man-vacuuming-car-seats_23-2149316438.jpg",
},
{
id: "p6",
name: "Ceramic Kit",
price: "€89",
variant: "Full Pack",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-different-color-eye-shadows_23-2147878860.jpg",
},
{ id: "p1", name: "Premium Polish", price: "€29", variant: "500ml", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-exterior-details-modern-black-car_181624-25346.jpg" },
{ id: "p2", name: "Tire Shine Gel", price: "€19", variant: "250ml", imageSrc: "http://img.b2bpic.net/free-photo/set-cosmetic-brushes_23-2147710658.jpg" },
{ id: "p3", name: "Ultra-Soft Towel", price: "€12", variant: "Set of 3", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194085.jpg" },
{ id: "p4", name: "Leather Cream", price: "€25", variant: "300ml", imageSrc: "http://img.b2bpic.net/free-photo/hand-with-microfiber-cloth-cleaning-car_93675-128713.jpg" },
{ id: "p5", name: "Pro Shop Vac", price: "€199", variant: "Industrial", imageSrc: "http://img.b2bpic.net/free-photo/man-vacuuming-car-seats_23-2149316438.jpg" },
{ id: "p6", name: "Ceramic Kit", price: "€89", variant: "Full Pack", imageSrc: "http://img.b2bpic.net/free-photo/close-up-different-color-eye-shadows_23-2147878860.jpg" },
]}
title="Professional Care Supplies"
description="Shop the professional-grade products we use at our workshop."
@@ -292,41 +145,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Mark S.",
role: "BMW Driver",
testimonial: "My car looks better than the day I bought it. Amazing service!",
imageSrc: "http://img.b2bpic.net/free-photo/distraught-man-feeling-sad-while-showing-his-mechanic-car-breakdown-auto-repair-shop_637285-7708.jpg",
},
{
id: "2",
name: "Julia M.",
role: "SUV Owner",
testimonial: "Super professional. The interior is spotless and the smell is fresh.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-looking-away_23-2147892778.jpg",
},
{
id: "3",
name: "Thomas R.",
role: "Car Collector",
testimonial: "I trust them with my vintage car every single time. Absolutely brilliant.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-man-white-tee-portrait_53876-105233.jpg",
},
{
id: "4",
name: "Sarah K.",
role: "Daily Commuter",
testimonial: "Fast, friendly, and very high quality work. Highly recommended.",
imageSrc: "http://img.b2bpic.net/free-photo/expert-informs-woman-car-motor-costs_482257-96392.jpg",
},
{
id: "5",
name: "Daniel P.",
role: "Sports Car Enthusiast",
testimonial: "The ceramic coating is holding up perfectly. Very happy with the result.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg",
},
{ id: "1", name: "Mark S.", role: "BMW Driver", testimonial: "My car looks better than the day I bought it. Amazing service!", imageSrc: "http://img.b2bpic.net/free-photo/distraught-man-feeling-sad-while-showing-his-mechanic-car-breakdown-auto-repair-shop_637285-7708.jpg" },
{ id: "2", name: "Julia M.", role: "SUV Owner", testimonial: "Super professional. The interior is spotless and the smell is fresh.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-looking-away_23-2147892778.jpg" },
{ id: "3", name: "Thomas R.", role: "Car Collector", testimonial: "I trust them with my vintage car every single time. Absolutely brilliant.", imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-man-white-tee-portrait_53876-105233.jpg" },
{ id: "4", name: "Sarah K.", role: "Daily Commuter", testimonial: "Fast, friendly, and very high quality work. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/expert-informs-woman-car-motor-costs_482257-96392.jpg" },
{ id: "5", name: "Daniel P.", role: "Sports Car Enthusiast", testimonial: "The ceramic coating is holding up perfectly. Very happy with the result.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg" },
]}
title="Trusted by Car Enthusiasts"
description="See what our customers say about our professional detailing services."
@@ -337,21 +160,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "How long does a full detail take?",
content: "A full detail typically takes between 4-8 hours depending on the condition and size of your vehicle.",
},
{
id: "q2",
title: "Do you offer mobile services?",
content: "Currently, we operate out of our fully equipped workshop in Industriestraße 16, Dieburg.",
},
{
id: "q3",
title: "How often should I detail my car?",
content: "We recommend a professional detailing every 6 months to maintain your car's value and appearance.",
},
{ id: "q1", title: "How long does a full detail take?", content: "A full detail typically takes between 4-8 hours depending on the condition and size of your vehicle." },
{ id: "q2", title: "Do you offer mobile services?", content: "Currently, we operate out of our fully equipped workshop in Industriestraße 16, Dieburg." },
{ id: "q3", title: "How often should I detail my car?", content: "We recommend a professional detailing every 6 months to maintain your car's value and appearance." },
]}
sideTitle="Questions? We have answers."
faqsAnimation="blur-reveal"
@@ -364,29 +175,11 @@ export default function LandingPage() {
title="Ready to get started?"
description="Drop us a message and we'll be in touch to schedule your car's transformation."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Phone Number",
},
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true },
{ name: "phone", type: "tel", placeholder: "Phone Number" },
]}
textarea={{
name: "message",
placeholder: "Tell us about your vehicle and needs",
rows: 4,
}}
textarea={{ name: "message", placeholder: "Tell us about your vehicle and needs", rows: 4 }}
imageSrc="http://img.b2bpic.net/free-photo/barber-shop-desk-with-copy-space_23-2148256978.jpg"
/>
</div>
@@ -394,38 +187,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Industriestraße 16",
href: "#",
},
{
label: "64807 Dieburg",
href: "#",
},
{
label: "0163 7039840",
href: "tel:01637039840",
},
],
},
{
items: [
{
label: "Home",
href: "#home",
},
{
label: "Services",
href: "#services",
},
{
label: "Contact",
href: "#contact",
},
],
},
{ items: [{ label: "Industriestraße 16" }, { label: "64807 Dieburg" }, { label: "0163 7039840", href: "tel:01637039840" }] },
{ items: [{ label: "Home", href: "#home" }, { label: "Services", href: "#services" }, { label: "Contact", href: "#contact" }] },
]}
logoText="Black Horse Detailing"
/>