Merge version_1 into main #2
426
src/app/page.tsx
426
src/app/page.tsx
@@ -14,322 +14,134 @@ import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Forside",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Om os",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Priser",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="AH Bilpleje"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Forside", id: "hero" },
|
||||
{ name: "Om os", id: "about" },
|
||||
{ name: "Priser", id: "pricing" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="AH Bilpleje"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="AH Bilpleje - Mobil Bilvask & Detailing"
|
||||
description="Vi kommer til dig i Brønderslev, Nørresundby og op til 20 km rundt. Komplet indvendig & udvendig bilvask, nem booking og konkurrencedygtige priser."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg?_wi=1",
|
||||
imageAlt: "Clean car",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg?_wi=2",
|
||||
imageAlt: "Clean car",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg?_wi=3",
|
||||
imageAlt: "Clean car",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg?_wi=4",
|
||||
imageAlt: "Clean car",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg?_wi=5",
|
||||
imageAlt: "Clean car",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg?_wi=6",
|
||||
imageAlt: "Clean car",
|
||||
},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg?_wi=7",
|
||||
imageAlt: "Clean car",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg?_wi=8",
|
||||
imageAlt: "Clean car",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg?_wi=9",
|
||||
imageAlt: "Clean car",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg?_wi=10",
|
||||
imageAlt: "Clean car",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg?_wi=11",
|
||||
imageAlt: "Clean car",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg?_wi=12",
|
||||
imageAlt: "Clean car",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book din tid nu",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-man-buying-car-showroom_1303-13554.jpg",
|
||||
alt: "Kunde 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",
|
||||
alt: "Kunde 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-car-with-window-open_23-2148322108.jpg",
|
||||
alt: "Kunde 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/excited-cleaner-man-holding-microfiber-cleaning-glove-thumbing-up_141793-124544.jpg",
|
||||
alt: "Kunde 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/ambitious-businessman-standing-street_1262-3451.jpg",
|
||||
alt: "Kunde 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Over 500+ tilfredse bil-ejere"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Høj Kvalitet",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Mobil Service",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Miljøvenlig",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Gennemskuelig Pris",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Lokal Ekspertise",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{ variant: "plain" }}
|
||||
title="AH Bilpleje - Mobil Bilvask & Detailing"
|
||||
description="Vi kommer til dig i Brønderslev, Nørresundby og op til 20 km rundt. Komplet indvendig & udvendig bilvask, nem booking og konkurrencedygtige priser."
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg", imageAlt: "Clean car" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg", imageAlt: "Clean car" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg", imageAlt: "Clean car" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg", imageAlt: "Clean car" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg", imageAlt: "Clean car" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg", imageAlt: "Clean car" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg", imageAlt: "Clean car" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg", imageAlt: "Clean car" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg", imageAlt: "Clean car" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg", imageAlt: "Clean car" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg", imageAlt: "Clean car" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg", imageAlt: "Clean car" }
|
||||
]}
|
||||
buttons={[{ text: "Book din tid nu", href: "#contact" }]}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/business-man-buying-car-showroom_1303-13554.jpg", alt: "Kunde 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg", alt: "Kunde 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-man-car-with-window-open_23-2148322108.jpg", alt: "Kunde 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/excited-cleaner-man-holding-microfiber-cleaning-glove-thumbing-up_141793-124544.jpg", alt: "Kunde 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/ambitious-businessman-standing-street_1262-3451.jpg", alt: "Kunde 5" }
|
||||
]}
|
||||
avatarText="Over 500+ tilfredse bil-ejere"
|
||||
marqueeItems={[{ type: "text", text: "Høj Kvalitet" }, { type: "text", text: "Mobil Service" }, { type: "text", text: "Miljøvenlig" }, { type: "text", text: "Gennemskuelig Pris" }, { type: "text", text: "Lokal Ekspertise" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "AH Bilpleje er din mobile bilvask i Brønderslev og Nørresundby. Vi leverer alt fra hurtig udvendig vask til komplet indvendig rengøring - direkte hjemme hos dig. Kvalitet, bekvemmelighed og fair priser er vores fokus.",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193588.jpg",
|
||||
alt: "Mobile detailing",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{ type: "text", content: "AH Bilpleje er din mobile bilvask i Brønderslev og Nørresundby. Vi leverer alt fra hurtig udvendig vask til komplet indvendig rengøring - direkte hjemme hos dig. Kvalitet, bekvemmelighed og fair priser er vores fokus." },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193588.jpg", alt: "Mobile detailing" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
title: "Udvendig vask",
|
||||
price: "249 kr.",
|
||||
period: "en gangs",
|
||||
features: [
|
||||
"Håndvask",
|
||||
"Skånsom aftørring",
|
||||
"Dækglans",
|
||||
],
|
||||
button: {
|
||||
text: "Book nu",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg?_wi=13",
|
||||
imageAlt: "clean car detailing foam",
|
||||
},
|
||||
{
|
||||
id: "standard",
|
||||
title: "Indvendig rengøring",
|
||||
price: "299 kr.",
|
||||
period: "en gangs",
|
||||
features: [
|
||||
"Støvsugning",
|
||||
"Instrumentbord",
|
||||
"Vinduespudsning indvendig",
|
||||
],
|
||||
button: {
|
||||
text: "Book nu",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193588.jpg",
|
||||
imageAlt: "mobile car detailing equipment",
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
title: "Komplet vask",
|
||||
price: "499 kr.",
|
||||
period: "en gangs",
|
||||
features: [
|
||||
"Indvendig & Udvendig",
|
||||
"Dybderens af måtter",
|
||||
"Fælgrens",
|
||||
],
|
||||
button: {
|
||||
text: "Book nu",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-buying-car-showroom_1303-13554.jpg",
|
||||
imageAlt: "happy customer car owner",
|
||||
},
|
||||
]}
|
||||
title="Priser & Services"
|
||||
description="Nem og gennemskuelig prissætning for professionel pleje af din bil."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Priser & Services"
|
||||
description="Nem og gennemskuelig prissætning for professionel pleje af din bil."
|
||||
plans={[
|
||||
{ id: "basic", title: "Udvendig vask", price: "249 kr.", period: "en gangs", features: ["Håndvask", "Skånsom aftørring", "Dækglans"], button: { text: "Book nu", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg", imageAlt: "clean car detailing foam" },
|
||||
{ id: "standard", title: "Indvendig rengøring", price: "299 kr.", period: "en gangs", features: ["Støvsugning", "Instrumentbord", "Vinduespudsning indvendig"], button: { text: "Book nu", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193588.jpg", imageAlt: "mobile car detailing equipment" },
|
||||
{ id: "pro", title: "Komplet vask", price: "499 kr.", period: "en gangs", features: ["Indvendig & Udvendig", "Dybderens af måtter", "Fælgrens"], button: { text: "Book nu", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/business-man-buying-car-showroom_1303-13554.jpg", imageAlt: "happy customer car owner" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Udvendige tilvalg (fra 50 kr.)",
|
||||
content: "Fælgrens, dækbehandling, lakforsegling/voks, og insektsrens til fronten.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Indvendige tilvalg (fra 75 kr.)",
|
||||
content: "Lugtfjernelse/ozonbehandling, læderpleje, tæpperens og shampoo af måtter.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Detailing (fra 100 kr.)",
|
||||
content: "Vinduesforsegling/rain repellent, interiørbeskyttelse (stof eller læder).",
|
||||
},
|
||||
]}
|
||||
title="Tilvalg & Detaljer"
|
||||
description="Vi tilbyder også specialiseret detailing."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Tilvalg & Detaljer"
|
||||
description="Vi tilbyder også specialiseret detailing."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "f1", title: "Udvendige tilvalg (fra 50 kr.)", content: "Fælgrens, dækbehandling, lakforsegling/voks, og insektsrens til fronten." },
|
||||
{ id: "f2", title: "Indvendige tilvalg (fra 75 kr.)", content: "Lugtfjernelse/ozonbehandling, læderpleje, tæpperens og shampoo af måtter." },
|
||||
{ id: "f3", title: "Detailing (fra 100 kr.)", content: "Vinduesforsegling/rain repellent, interiørbeskyttelse (stof eller læder)." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Brønderslev",
|
||||
"Nørresundby",
|
||||
"Hjallerup",
|
||||
"Aalborg",
|
||||
"Vodskov",
|
||||
"Vester Hassing",
|
||||
"Asaa",
|
||||
]}
|
||||
title="Lokal dækning"
|
||||
description="Vi kører til dig i Brønderslev, Nørresundby og op til 20 km omkring."
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={["Brønderslev", "Nørresundby", "Hjallerup", "Aalborg", "Vodskov", "Vester Hassing", "Asaa"]}
|
||||
title="Lokal dækning"
|
||||
description="Vi kører til dig i Brønderslev, Nørresundby og op til 20 km omkring."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Booking"
|
||||
title="Book din tid nu"
|
||||
description="Send os en besked for at booke din vask. Husk at oplyse adresse, ønsket tidspunkt og evt. kommentarer."
|
||||
buttons={[
|
||||
{
|
||||
text: "Send booking via E-mail",
|
||||
href: "mailto:kontakt@ahbilpleje.dk",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Booking"
|
||||
title="Book din tid nu"
|
||||
description="Send os en besked for at booke din vask. Husk at oplyse adresse, ønsket tidspunkt og evt. kommentarer."
|
||||
buttons={[{ text: "Send booking via E-mail", href: "mailto:kontakt@ahbilpleje.dk" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Kontakt: +45 29833101",
|
||||
href: "tel:+4529833101",
|
||||
},
|
||||
{
|
||||
label: "E-mail: kontakt@ahbilpleje.dk",
|
||||
href: "mailto:kontakt@ahbilpleje.dk",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://www.instagram.com/ahbilpleje/",
|
||||
},
|
||||
{
|
||||
label: "TikTok",
|
||||
href: "https://www.tiktok.com/ahbilpleje/",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="AH Bilpleje"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="AH Bilpleje"
|
||||
columns={[
|
||||
{ items: [{ label: "Kontakt: +45 29833101", href: "tel:+4529833101" }, { label: "E-mail: kontakt@ahbilpleje.dk", href: "mailto:kontakt@ahbilpleje.dk" }] },
|
||||
{ items: [{ label: "Instagram", href: "https://www.instagram.com/ahbilpleje/" }, { label: "TikTok", href: "https://www.tiktok.com/ahbilpleje/" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user