Compare commits
16 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 78dcfa3ff8 | |||
| 7978e03e6a | |||
| 8429f9f442 | |||
| 558de82dee | |||
| 4ee6a1ede4 | |||
| cde8e134af | |||
| afed130c01 | |||
| 96dfb4101c | |||
| 374a7d80ed | |||
| 875a528d45 | |||
| 54b21a0fff | |||
| 8509d0bf47 | |||
| fa6ad7d845 | |||
| b57d83a7e9 | |||
| afbba0eb64 | |||
| bfb36ad5a0 |
171
src/app/page.tsx
171
src/app/page.tsx
@@ -7,7 +7,6 @@ import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwen
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Car, Wrench } from "lucide-react";
|
||||
|
||||
@@ -29,182 +28,102 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Über uns", id: "about"},
|
||||
{
|
||||
name: "Leistungen", id: "services"},
|
||||
{
|
||||
name: "Bewertungen", id: "testimonials"},
|
||||
{
|
||||
name: "Kontakt", id: "contact"},
|
||||
{ name: "Start", id: "hero" },
|
||||
{ name: "Über uns", id: "about" },
|
||||
{ name: "Service", id: "services" },
|
||||
{ name: "Kontakt", id: "contact" }
|
||||
]}
|
||||
brandName="Fabian Frank"
|
||||
button={{
|
||||
text: "Termin vereinbaren", href: "tel:017679240351"}}
|
||||
button={{ text: "Kontakt", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
title="Fabian Frank Reifen und Auto Service"
|
||||
description="Ihr zuverlässiger Partner für Reifenservice, Wohnwagen und Wohnmobile in Ilsede. Familiär, schnell und kompetent."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C4XzCGZWRMG4Es0QhPgbzFhhAm/uploaded-1775681321659-rpuawsfg.png?_wi=1", imageAlt: "Werkstatt Ansicht"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C4XzCGZWRMG4Es0QhPgbzFhhAm/uploaded-1775681321659-1zdki75e.png?_wi=1", imageAlt: "Service Bereich"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C4XzCGZWRMG4Es0QhPgbzFhhAm/uploaded-1775681321659-e5de7wx3.png?_wi=1", imageAlt: "Außenbereich"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C4XzCGZWRMG4Es0QhPgbzFhhAm/uploaded-1775681321658-oydcyq3g.png?_wi=1", imageAlt: "Detail Ansicht"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C4XzCGZWRMG4Es0QhPgbzFhhAm/uploaded-1775681321659-rpuawsfg.png?_wi=2", imageAlt: "Werkstatt Team"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C4XzCGZWRMG4Es0QhPgbzFhhAm/uploaded-1775681321659-e5de7wx3.png?_wi=2", imageAlt: "Werkstatt Außenansicht"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C4XzCGZWRMG4Es0QhPgbzFhhAm/uploaded-1775681321658-oydcyq3g.png?_wi=2", imageAlt: "Reifenservice"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C4XzCGZWRMG4Es0QhPgbzFhhAm/uploaded-1775681321659-1zdki75e.png?_wi=2", imageAlt: "Wohnmobil Wartung"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C4XzCGZWRMG4Es0QhPgbzFhhAm/uploaded-1775681321659-rpuawsfg.png?_wi=3", imageAlt: "Kundenbetreuung"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C4XzCGZWRMG4Es0QhPgbzFhhAm/uploaded-1775681321659-e5de7wx3.png?_wi=3", imageAlt: "Werkstatt Tor"},
|
||||
]}
|
||||
background={{ variant: "plain" }}
|
||||
title="Fabian Frank Reifen & Auto Service"
|
||||
description="Ihr Kfz-Meisterbetrieb in Ilsede für Reifenwechsel, Wartung und Reparaturen aller Art. Wir kümmern uns um Ihr Fahrzeug, ob PKW oder Wohnmobil."
|
||||
leftCarouselItems={[]}
|
||||
rightCarouselItems={[]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Termin vereinbaren", href: "tel:017679240351"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-posing-home_23-2149335138.jpg", alt: "Kunde 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-857.jpg", alt: "Kunde 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-technology-close-up-shot-happy-face-attractive-bearded-man-sitting-front-laptop-screen-smiling-joyfully-while-messaging-friends-online-via-social-networks_273609-6655.jpg", alt: "Kunde 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-smiling-standing-cliff-near-beautiful-sea_181624-23716.jpg", alt: "Kunde 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-female-with-hair-bun-having-joyful-look-smiling-cheerfully-happy-with-some-positive-news_273609-9042.jpg", alt: "Kunde 5"},
|
||||
]}
|
||||
avatarText="Über 500 zufriedene Kunden"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Reifenservice"},
|
||||
{
|
||||
type: "text", text: "Wohnmobil-Check"},
|
||||
{
|
||||
type: "text", text: "Auto-Reparatur"},
|
||||
{
|
||||
type: "text", text: "Ölwechsel"},
|
||||
{
|
||||
type: "text", text: "Bremsenservice"},
|
||||
{ text: "Jetzt anrufen", href: "tel:017679240351" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Über uns - Reifen und Auto Service in Ilsede"
|
||||
title="Fachkompetenz in Ilsede"
|
||||
useInvertedBackground={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt anrufen", href: "tel:017679240351"},
|
||||
{ text: "Termin vereinbaren", href: "tel:017679240351" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Unser Leistungsspektrum"
|
||||
description="Wir bieten einen Full-Service für Ihre Fahrzeuge an."
|
||||
features={[
|
||||
{
|
||||
title: "Reifenservice", description: "Professioneller Reifenwechsel und Beratung zu passenden Reifen für alle Fahrzeugtypen.", icon: Wrench,
|
||||
title: "Reifenservice", description: "Fachgerechte Montage, Wuchten und Einlagerung.", icon: Wrench,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C4XzCGZWRMG4Es0QhPgbzFhhAm/uploaded-1775681321659-1zdki75e.png?_wi=3", imageAlt: "Reifenwechsel"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C4XzCGZWRMG4Es0QhPgbzFhhAm/uploaded-1775681321659-1zdki75e.png?_wi=4", imageAlt: "Reifenlager"},
|
||||
{ imageSrc: "https://images.unsplash.com/photo-1506744038136-46273834b3fb?_wi=1" },
|
||||
{ imageSrc: "https://images.unsplash.com/photo-1506744038136-46273834b3fb?_wi=2" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Wohnmobil Service", description: "Spezieller Wartungsservice für Ihre Wohnwagen und Wohnmobile.", icon: Car,
|
||||
title: "Wohnmobil & Wohnwagen", description: "Spezialisierte Wartung und Vorbereitung für Ihre Reise.", icon: Car,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C4XzCGZWRMG4Es0QhPgbzFhhAm/uploaded-1775681321658-oydcyq3g.png?_wi=3", imageAlt: "Wohnmobil Wartung"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C4XzCGZWRMG4Es0QhPgbzFhhAm/uploaded-1775681321658-oydcyq3g.png?_wi=4", imageAlt: "Wohnwagen Service"},
|
||||
{ imageSrc: "https://images.unsplash.com/photo-1506744038136-46273834b3fb?_wi=3" },
|
||||
{ imageSrc: "https://images.unsplash.com/photo-1506744038136-46273834b3fb?_wi=4" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Allgemeine Reparaturen", description: "Verschleißteilwechsel und Inspektionen nach Herstellervorgaben.", icon: Wrench,
|
||||
mediaItems: [
|
||||
{ imageSrc: "https://images.unsplash.com/photo-1506744038136-46273834b3fb?_wi=5" },
|
||||
{ imageSrc: "https://images.unsplash.com/photo-1506744038136-46273834b3fb?_wi=6" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Unsere Leistungen"
|
||||
description="Fachgerechter Service für Ihre Fahrzeuge."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Kunde 1", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-posing-home_23-2149335138.jpg"},
|
||||
{
|
||||
id: "2", name: "Kunde 2", imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-857.jpg"},
|
||||
{
|
||||
id: "3", name: "Kunde 3", imageSrc: "http://img.b2bpic.net/free-photo/people-technology-close-up-shot-happy-face-attractive-bearded-man-sitting-front-laptop-screen-smiling-joyfully-while-messaging-friends-online-via-social-networks_273609-6655.jpg"},
|
||||
{
|
||||
id: "4", name: "Kunde 4", imageSrc: "http://img.b2bpic.net/free-photo/young-man-smiling-standing-cliff-near-beautiful-sea_181624-23716.jpg"},
|
||||
{
|
||||
id: "5", name: "Kunde 5", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-female-with-hair-bun-having-joyful-look-smiling-cheerfully-happy-with-some-positive-news_273609-9042.jpg?_wi=1"},
|
||||
{
|
||||
id: "6", name: "Kunde 6", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-female-with-hair-bun-having-joyful-look-smiling-cheerfully-happy-with-some-positive-news_273609-9042.jpg?_wi=2"},
|
||||
]}
|
||||
cardTitle="Kundenstimmen"
|
||||
cardAnimation="slide-up"
|
||||
cardTag="Bewertungen"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
tag="Kontakt"
|
||||
title="Vereinbaren Sie einen Termin"
|
||||
description="Hinter d. Schule 12, 31241 Ilsede. Donnerstag ab 09:30 Uhr geöffnet. Tel: 0176 79240351"
|
||||
tag="Direktkontakt"
|
||||
title="Terminvereinbarung & Anfahrt"
|
||||
description="Hinter d. Schule 12, 31241 Ilsede. Telefonisch erreichbar für kurzfristige Termine. Donnerstag ab 09:30 Uhr geöffnet."
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="Fabian Frank Service"
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Impressum", href: "#"},
|
||||
{
|
||||
label: "Datenschutz", href: "#"},
|
||||
],
|
||||
{ label: "Impressum", href: "/impressum" },
|
||||
{ label: "Datenschutz", href: "/datenschutz" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "0176 79240351", href: "tel:017679240351"},
|
||||
],
|
||||
},
|
||||
{ label: "Telefon: 0176 79240351", href: "tel:017679240351" },
|
||||
{ label: "Hinter d. Schule 12, 31241 Ilsede" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="Fabian Frank"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #000612e6;
|
||||
--background: #f5f5f5;
|
||||
--card: #ffffff;
|
||||
--foreground: #1c1c1c;
|
||||
--primary-cta: #15479c;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #000612e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #c4c4c4;
|
||||
--accent: #15479c;
|
||||
--background-accent: #a8cce8;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user