277 lines
15 KiB
TypeScript
277 lines
15 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||
import TextAbout from '@/components/sections/about/TextAbout';
|
||
import { CheckCircle, HelpCircle, Info, Mail, Shield, Star, Zap } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="directional-hover"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="soft"
|
||
contentWidth="compact"
|
||
sizing="mediumSizeLargeTitles"
|
||
background="noise"
|
||
cardStyle="subtle-shadow"
|
||
primaryButtonStyle="diagonal-gradient"
|
||
secondaryButtonStyle="radial-glow"
|
||
headingFontWeight="bold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleApple
|
||
navItems={[
|
||
{
|
||
name: "Home", id: "#home"},
|
||
{
|
||
name: "Om Os", id: "#about"},
|
||
{
|
||
name: "Ydelser", id: "#services"},
|
||
{
|
||
name: "Fordele", id: "#benefits"},
|
||
{
|
||
name: "Anmeldelser", id: "#testimonials"},
|
||
{
|
||
name: "Proces", id: "#process"},
|
||
{
|
||
name: "FAQ", id: "#faq"},
|
||
{
|
||
name: "Kontakt", id: "#contact"},
|
||
]}
|
||
brandName="United Service ApS"
|
||
/>
|
||
</div>
|
||
|
||
<div id="home" data-section="home">
|
||
<HeroSplitDualMedia
|
||
background={{
|
||
variant: "plain"}}
|
||
title="Professionel service med fokus på kvalitet og pålidelighed"
|
||
description="Vi hjælper private og virksomheder i Aarhus med professionelle serviceløsninger, der skaber tryghed, kvalitet og værdi i hverdagen."
|
||
tag="Professionel Service"
|
||
tagIcon={Star}
|
||
tagAnimation="slide-up"
|
||
buttons={[
|
||
{
|
||
text: "Få et gratis tilbud", href: "#contact"},
|
||
{
|
||
text: "Ring nu", href: "tel:+4512345678"},
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
mediaItems={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-handshaking-with-customer-workshop_637285-8634.jpg", imageAlt: "Professionelle medarbejdere i gang med servicearbejde hos en kunde."},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/people-practicing-social-integration-workspace_23-2149405417.jpg", imageAlt: "Professionel rengøringspersonale i aktion."}
|
||
]}
|
||
mediaAnimation="slide-up"
|
||
rating={5}
|
||
ratingText="Baseret på 50+ anmeldelser"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TextAbout
|
||
useInvertedBackground={true}
|
||
tag="Om Os"
|
||
tagIcon={Info}
|
||
tagAnimation="slide-up"
|
||
title="Din lokale samarbejdspartner inden for service og vedligeholdelse. Hos United Service ApS leverer vi professionelle serviceløsninger til både private og virksomheder i Aarhus og omegn. Vi hjælper vores kunder med alt fra rengøring og ejendomsservice til løbende vedligeholdelse og specialopgaver.\n\nVores mål er at gøre hverdagen lettere gennem pålidelig service, høj kvalitet og professionelle løsninger. Vi lægger stor vægt på grundighed, god kommunikation og respekt for de aftaler, vi indgår med vores kunder.\n\nUanset opgavens størrelse arbejder vi altid med fokus på kvalitet, effektivitet og kundetilfredshed."
|
||
buttons={[
|
||
{
|
||
text: "Se vores ydelser", href: "#services"},
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureCardSix
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
title: "Erhvervsservice", description: "Professionelle serviceløsninger til virksomheder, kontorer og erhvervsejendomme.", imageSrc: "http://img.b2bpic.net/free-photo/people-taking-care-office-cleaning_23-2149374435.jpg", imageAlt: "Erhvervsservice"},
|
||
{
|
||
title: "Ejendomsservice", description: "Vedligeholdelse og drift af ejendomme med fokus på kvalitet og præsentable omgivelser.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-family-celebrating-birthday-together_23-2150598985.jpg", imageAlt: "Ejendomsservice"},
|
||
{
|
||
title: "Rengøring", description: "Grundig rengøring til både private og erhverv med høje kvalitetsstandarder.", imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-with-spray-bottle-napkin-kitchen_1170-2617.jpg", imageAlt: "Rengøring"},
|
||
{
|
||
title: "Specialopgaver", description: "Skræddersyede løsninger tilpasset kundens behov og ønsker.", imageSrc: "http://img.b2bpic.net/free-photo/view-professional-cleaning-service-person-holding-supplies_23-2150520633.jpg", imageAlt: "Specialopgaver"},
|
||
]}
|
||
title="Vores ydelser"
|
||
description="Vi tilbyder et bredt udvalg af professionelle serviceydelser tilpasset dine specifikke behov."
|
||
tag="Ydelser"
|
||
tagIcon={CheckCircle}
|
||
tagAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="benefits" data-section="benefits">
|
||
<FeatureCardSix
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
features={[
|
||
{
|
||
title: "Altid til tiden", description: "Vi overholder vores aftaler og leverer som lovet.", imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-handsome-cleaning-guy-wearing-t-shirt-cap-with-gloves-holding-listen-alarm-clock-isolated-pink-wall_141793-90711.jpg", imageAlt: "Altid til tiden"},
|
||
{
|
||
title: "Høj kvalitet", description: "Vi går aldrig på kompromis med resultatet.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-black-turtleneck-glasses-looking-something-through-magnifying-glass-being-surprised_141793-54649.jpg", imageAlt: "Høj kvalitet"},
|
||
{
|
||
title: "Hurtig respons", description: "Vi besvarer henvendelser hurtigt og professionelt.", imageSrc: "http://img.b2bpic.net/free-photo/female-call-center-operator-headset_74855-2765.jpg", imageAlt: "Hurtig respons"},
|
||
{
|
||
title: "Fleksible løsninger", description: "Alle opgaver tilpasses den enkelte kunde.", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173776.jpg", imageAlt: "Fleksible løsninger"},
|
||
]}
|
||
title="Hvorfor vælge os?"
|
||
description="Vi er din pålidelige partner, der leverer exceptionel service, hver gang."
|
||
tag="Dine Fordele"
|
||
tagIcon={Shield}
|
||
tagAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardTen
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "1", title: "Fremragende service!", quote: "Fantastisk service og meget professionelt udført arbejde. Kan varmt anbefales til alle.", name: "Mette Hansen", role: "Direktør, Green Solutions A/S", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-green-eyed-brunette-woman-hair-band-white-t-shirt-against-wall-windows-cacti_197531-17042.jpg", imageAlt: "Mette Hansen"},
|
||
{
|
||
id: "2", title: "Hurtigt og effektivt", quote: "Hurtig respons og høj kvalitet hele vejen igennem. Vi er meget tilfredse med resultatet.", name: "Lars Jensen", role: "Ejendomsadministrator, Aarhus Ejendomme", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", imageAlt: "Lars Jensen"},
|
||
{
|
||
id: "3", title: "Altid tilfreds", quote: "Vi har brugt them i flere år og er altid tilfredse med deres pålidelige og grundige arbejde.", name: "Anna Nielsen", role: "Privat kunde, Risskov", imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg", imageAlt: "Anna Nielsen"},
|
||
{
|
||
id: "4", title: "Meget grundige", quote: "Meget grundige og pålidelige. De leverer altid et flot og fejlfrit resultat.", name: "Per Sørensen", role: "Kontorchef, TechHub ApS", imageSrc: "http://img.b2bpic.net/free-photo/smile-face-green-ball-with-golden-five-stars-customer-client-survey-satisfaction-after-use-product-service-concept-by-3d-render_616485-67.jpg", imageAlt: "Per Sørensen"},
|
||
{
|
||
id: "5", title: "God kommunikation", quote: "God kommunikation og flotte resultater. En fornøjelse at samarbejde med.", name: "Maria Christensen", role: "Boligforeningsformand, Bakkedal", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-office-holding-tablet_23-2148356266.jpg", imageAlt: "Maria Christensen"},
|
||
{
|
||
id: "6", title: "Kan klart anbefales", quote: "Kan klart anbefales til både private og virksomheder. De leverer altid over forventning.", name: "Jonas Madsen", role: "Iværksætter, Aarhus C", imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367142.jpg", imageAlt: "Jonas Madsen"},
|
||
]}
|
||
title="Hvad siger vores kunder?"
|
||
description="Ægte tilbagemeldinger fra tilfredse kunder, der har oplevet vores professionelle service."
|
||
tag="Kundeanmeldelser"
|
||
tagIcon={Star}
|
||
tagAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="process" data-section="process">
|
||
<FeatureCardSix
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
features={[
|
||
{
|
||
title: "1. Kontakt os", description: "Fortæl os om opgaven og dine behov – vi er klar til at lytte.", imageSrc: "http://img.b2bpic.net/free-photo/call-center-agent-handling-inbound-calls-assisting-customers_482257-126118.jpg", imageAlt: "Kontakt os"},
|
||
{
|
||
title: "2. Gratis vurdering", description: "Vi gennemgår dine ønsker og behov for at give den bedste løsning.", imageSrc: "http://img.b2bpic.net/free-photo/co-workers-organizing-presentation_1098-827.jpg", imageAlt: "Gratis vurdering"},
|
||
{
|
||
title: "3. Uforpligtende tilbud", description: "Du modtager et skræddersyet og gennemsigtigt tilbud.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-hand-holding-calculator-showing-unlike-sign-white_140725-18128.jpg", imageAlt: "Uforpligtende tilbud"},
|
||
{
|
||
title: "4. Udførelse", description: "Arbejdet udføres professionelt og effektivt med fokus på detaljer.", imageSrc: "http://img.b2bpic.net/free-photo/cabinetmaker-apprentice-inspecting-lumber-block-damages_482257-84366.jpg", imageAlt: "Udførelse"},
|
||
{
|
||
title: "5. Opfølgning", description: "Vi sikrer din fulde tilfredshed med det leverede resultat.", imageSrc: "http://img.b2bpic.net/free-photo/womens-office-working-together_23-2148461400.jpg", imageAlt: "Opfølgning"},
|
||
]}
|
||
title="Vores Arbejdsproces"
|
||
description="Fra første kontakt til afsluttet opgave – en transparent og effektiv proces, der sikrer dig de bedste resultater."
|
||
tag="Sådan arbejder vi"
|
||
tagIcon={Zap}
|
||
tagAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqDouble
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
faqs={[
|
||
{
|
||
id: "faq-1", title: "Hvor hurtigt kan I starte?", content: "Vi tilbyder hurtig opstart afhængigt af opgavens omfang og kompleksitet. Kontakt os for en mere præcis tidsramme."},
|
||
{
|
||
id: "faq-2", title: "Dækker I hele Aarhus?", content: "Ja, vi servicerer hele Aarhus og omegn. Uanset hvor i området du befinder dig, er vi klar til at hjælpe."},
|
||
{
|
||
id: "faq-3", title: "Tilbyder I faste serviceaftaler?", content: "Ja, vi tilbyder skræddersyede faste serviceaftaler til både private, erhverv, boligforeninger og ejendomsadministratorer. Kontakt os for at høre mere."},
|
||
{
|
||
id: "faq-4", title: "Er tilbud gratis?", content: "Ja, alle tilbud fra United Service ApS er gratis og uforpligtende. Vi gennemgår gerne dine behov og giver dig et fair tilbud."},
|
||
]}
|
||
title="Ofte stillede spørgsmål"
|
||
description="Har du spørgsmål? Find svar på de mest almindelige spørgsmål her, eller kontakt os direkte for yderligere assistance."
|
||
tag="FAQ"
|
||
tagIcon={HelpCircle}
|
||
tagAnimation="slide-up"
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCenter
|
||
useInvertedBackground={true}
|
||
background={{
|
||
variant: "plain"}}
|
||
tag="Kontakt os"
|
||
title="Få et gratis tilbud i dag"
|
||
description="Kontakt os for en uforpligtende dialog om din opgave. Udfyld formularen, og vi vender tilbage inden for 24 timer."
|
||
tagIcon={Mail}
|
||
tagAnimation="slide-up"
|
||
inputPlaceholder="Indtast dit navn, telefonnummer, e-mail og beskrivelse af opgaven..."
|
||
buttonText="Få mit tilbud"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseReveal
|
||
logoText="United Service ApS"
|
||
columns={[
|
||
{
|
||
title: "Ydelser", items: [
|
||
{
|
||
label: "Erhvervsservice", href: "#services"},
|
||
{
|
||
label: "Ejendomsservice", href: "#services"},
|
||
{
|
||
label: "Rengøring", href: "#services"},
|
||
{
|
||
label: "Specialopgaver", href: "#services"},
|
||
],
|
||
},
|
||
{
|
||
title: "Om os", items: [
|
||
{
|
||
label: "Vores historie", href: "#about"},
|
||
{
|
||
label: "Værdier", href: "#benefits"},
|
||
{
|
||
label: "Arbejdsproces", href: "#process"},
|
||
{
|
||
label: "FAQ", href: "#faq"},
|
||
],
|
||
},
|
||
{
|
||
title: "Kontakt", items: [
|
||
{
|
||
label: "Få tilbud", href: "#contact"},
|
||
{
|
||
label: "Ring til os", href: "tel:+4512345678"},
|
||
{
|
||
label: "Email", href: "mailto:info@unitedservice.dk"},
|
||
{
|
||
label: "Aarhus", href: "#"},
|
||
],
|
||
},
|
||
]}
|
||
copyrightText="© 2024 United Service ApS. Alle rettigheder forbeholdt."
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|