Update src/app/page.tsx
This commit is contained in:
163
src/app/page.tsx
163
src/app/page.tsx
@@ -6,11 +6,11 @@ import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
||||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import { Award, Calendar, CheckCircle, Leaf, MapPin, ShieldCheck, Sparkles, Zap } from "lucide-react";
|
||||
|
||||
@@ -32,60 +32,28 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Hjem", id: "hero"},
|
||||
{
|
||||
name: "Tjenester", id: "services"},
|
||||
{
|
||||
name: "Prisliste", id: "pricing"},
|
||||
{
|
||||
name: "Kontakt", id: "contact"},
|
||||
{ name: "Hjem", id: "hero" },
|
||||
{ name: "Tjenester", id: "services" },
|
||||
{ name: "Prisliste", id: "pricing" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="CARWASH LARVIK AS"
|
||||
button={{
|
||||
text: "Bestill time", href: "#contact"}}
|
||||
button={{ text: "Bestill time", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
<HeroBillboardGallery
|
||||
title="Larvik washworld"
|
||||
description="Kjør innom oss for en rask, effektiv og skånsom vask. Eller ring oss for å bestille time."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-washing-car_23-2149316432.jpg", alt: "professional car wash service"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-detail-professional-coffee-machine_169016-16961.jpg", alt: "professional car wash service"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-car-care-washing_23-2149172898.jpg", alt: "professional car wash service"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-groomed-man-is-washing-his-own-car-car-washing-station_613910-21477.jpg", alt: "professional car wash service"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bright-blue-foam-dark-water_23-2147798313.jpg", alt: "Bright blue foam on dark water"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Bestill time", href: "#contact"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon", text: "Rask service", icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Skånsom vask", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Miljøvennlig", icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Åpen 7 dager", icon: Calendar,
|
||||
},
|
||||
{
|
||||
type: "text-icon", text: "Sentralt i Larvik", icon: MapPin,
|
||||
},
|
||||
description="Opplev neste generasjons bilvask. Vi kombinerer hastighet, presisjon og miljøvennlige produkter for et plettfritt resultat."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
buttons={[{ text: "Bestill tid", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-washing-car_23-2149316432.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/bright-blue-foam-dark-water_23-2147798313.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-detail-professional-coffee-machine_169016-16961.jpg" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -93,15 +61,10 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text", content: "Velkommen til Carwash Larvik AS"},
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/south-asian-man-indian-male-washing-his-white-transportation-car-wash_627829-5012.jpg", alt: "car wash center exterior"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Les mer", href: "#services"},
|
||||
{ type: "text", content: "Velkommen til Carwash Larvik AS" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/south-asian-man-indian-male-washing-his-white-transportation-car-wash_627829-5012.jpg" },
|
||||
]}
|
||||
buttons={[{ text: "Les mer", href: "#services" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -111,18 +74,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "s1", title: "Utvendig vask", tags: [
|
||||
"Basis"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-foam-azure-water_23-2147798202.jpg"},
|
||||
{
|
||||
id: "s2", title: "Dekkskift", tags: [
|
||||
"Vedlikehold"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-tool-wheel-hands-mechanic-blue-work-clothes_1157-46155.jpg"},
|
||||
{
|
||||
id: "s3", title: "Motorvask", tags: [
|
||||
"Pleie"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22314.jpg"},
|
||||
{ id: "s1", title: "Utvendig vask", tags: ["Basis"], imageSrc: "http://img.b2bpic.net/free-photo/close-up-foam-azure-water_23-2147798202.jpg" },
|
||||
{ id: "s2", title: "Dekkskift", tags: ["Vedlikehold"], imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-tool-wheel-hands-mechanic-blue-work-clothes_1157-46155.jpg" },
|
||||
{ id: "s3", title: "Motorvask", tags: ["Pleie"], imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22314.jpg" },
|
||||
]}
|
||||
title="Våre Tjenester"
|
||||
description="Vi tilbyr et bredt spekter av bilpleietjenester for å holde bilen din i topp stand."
|
||||
@@ -130,32 +84,16 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
<PricingCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1", tag: "Pakke 1", price: "300,-", period: "Personbil", description: "Utvendig vask", button: {
|
||||
text: "Bestill", href: "#contact"},
|
||||
featuresTitle: "Inkluderer", features: [
|
||||
"Vask", "Tørk"],
|
||||
},
|
||||
{
|
||||
id: "p2", tag: "Dekkskift", price: "400,-", period: "Personbil", description: "Dekkskift", button: {
|
||||
text: "Bestill", href: "#contact"},
|
||||
featuresTitle: "Inkluderer", features: [
|
||||
"Hjulløft", "Montering"],
|
||||
},
|
||||
{
|
||||
id: "p3", tag: "Motorvask", price: "350,-", period: "Personbil", description: "Full motorvask", button: {
|
||||
text: "Bestill", href: "#contact"},
|
||||
featuresTitle: "Inkluderer", features: [
|
||||
"Avfetting", "Skånsom skyll"],
|
||||
},
|
||||
{ id: "p1", title: "Standard Vask", price: "300,-", period: "per bil", features: ["Håndvask", "Avfetting", "Tørk"], button: { text: "Bestill", href: "#contact" } },
|
||||
{ id: "p2", title: "Full Pakke", price: "800,-", period: "per bil", features: ["Alt i standard", "Polering", "Innvendig støvsuging"], button: { text: "Bestill", href: "#contact" } },
|
||||
]}
|
||||
title="Prisliste"
|
||||
description="Alle priser er inkl. Mva."
|
||||
title="Våre prispakker"
|
||||
description="Velg pakken som passer dine behov."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -165,15 +103,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", icon: CheckCircle,
|
||||
title: "Års erfaring", value: "10+"},
|
||||
{
|
||||
id: "m2", icon: Sparkles,
|
||||
title: "Biler vasket", value: "5000+"},
|
||||
{
|
||||
id: "m3", icon: Award,
|
||||
title: "Fornøyde kunder", value: "100%"},
|
||||
{ id: "m1", icon: CheckCircle, title: "Års erfaring", value: "10+" },
|
||||
{ id: "m2", icon: Sparkles, title: "Biler vasket", value: "5000+" },
|
||||
{ id: "m3", icon: Award, title: "Fornøyde kunder", value: "100%" },
|
||||
]}
|
||||
title="Kvalitet i fokus"
|
||||
description="Vi leverer rask og pålitelig service i Larvik."
|
||||
@@ -184,8 +116,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Auto Glym", "Sonax", "Meguiar's", "Koch-Chemie", "Turtle Wax", "CarPro", "Gtechniq"]}
|
||||
names={["Auto Glym", "Sonax", "Meguiar's", "Koch-Chemie", "Turtle Wax", "CarPro", "Gtechniq"]}
|
||||
title="Produkter vi bruker"
|
||||
description="Vi selger og bruker produkter fra anerkjente merker."
|
||||
/>
|
||||
@@ -196,18 +127,13 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "Må jeg bestille time?", content: "Det anbefales å bestille time, men vi tar også imot drop-in når vi har kapasitet."},
|
||||
{
|
||||
id: "q2", title: "Har dere kontoavtale?", content: "Ja, vi tilbyr kontoavtaler for bedrifter med fakturering."},
|
||||
{
|
||||
id: "q3", title: "Hva hvis bilen er veldig skitten?", content: "Ekstra kostnader kan forekomme ved meget skitten bil, fra kr 100,-."},
|
||||
{ id: "q1", title: "Må jeg bestille time?", content: "Det anbefales å bestille time, men vi tar også imot drop-in når vi har kapasitet." },
|
||||
{ id: "q2", title: "Har dere kontoavtale?", content: "Ja, vi tilbyr kontoavtaler for bedrifter med fakturering." },
|
||||
]}
|
||||
title="Spørsmål og svar"
|
||||
description="Lurer du på noe angående våre tjenester?"
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/splashing-bubbling-water_23-2147798198.jpg"
|
||||
imageAlt="Splashing and bubbling water"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -215,38 +141,23 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
tag="Kontakt"
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Kontakt oss i dag"
|
||||
description="Dronningensgate 20 - 3262 Larvik. Tlf: 33 18 47 05."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-doing-customer-support-job-workplace-handling-clients-complaints_482257-125234.jpg"
|
||||
imageAlt="car wash reception desk"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Kontakt", items: [
|
||||
{
|
||||
label: "Dronningensgate 20, Larvik", href: "#"},
|
||||
{
|
||||
label: "Tlf: 33 18 47 05", href: "tel:33184705"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Sosialt", items: [
|
||||
{
|
||||
label: "Facebook", href: "https://facebook.com"},
|
||||
],
|
||||
},
|
||||
{ title: "Kontakt", items: [{ label: "Dronningensgate 20, Larvik" }, { label: "Tlf: 33 18 47 05", href: "tel:33184705" }] },
|
||||
{ title: "Sosialt", items: [{ label: "Facebook", href: "https://facebook.com" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 CARWASH LARVIK AS."
|
||||
bottomRightText="All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user