438 lines
18 KiB
TypeScript
438 lines
18 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroCentered from "@/components/sections/hero/HeroCentered";
|
|
import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree";
|
|
import AboutMetric from "@/components/sections/about/AboutMetric";
|
|
import BlogCardOne from "@/components/sections/blog/BlogCardOne";
|
|
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
|
import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
|
|
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
|
|
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
|
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
|
import { TrendingUp, Clock, Users, Zap, Linkedin, Mail, Rocket, Sparkles, Crown } from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "Tjenester", id: "services" },
|
|
{ name: "Cases", id: "cases" },
|
|
{ name: "Priser", id: "pricing" },
|
|
{ name: "Om Os", id: "about" },
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
items: [
|
|
{ label: "Tjenester", href: "#services" },
|
|
{ label: "Cases", href: "#cases" },
|
|
{ label: "Priser", href: "#pricing" },
|
|
{ label: "Blog", href: "#blog" },
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Om Os", href: "#about" },
|
|
{ label: "Kontakt", href: "/contact" },
|
|
{ label: "FAQ", href: "#faq" },
|
|
{ label: "Book Demo", href: "/contact" },
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "LinkedIn", href: "https://linkedin.com/company/aibureau-dk" },
|
|
{ label: "Instagram", href: "https://instagram.com/aibureau.dk" },
|
|
{ label: "Twitter", href: "https://twitter.com/aibureau_dk" },
|
|
{ label: "Email", href: "mailto:hello@aibureau.dk" },
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Privatlivspolitik", href: "#" },
|
|
{ label: "Vilkår", href: "#" },
|
|
{ label: "Cookies", href: "#" },
|
|
{ label: "Sitemap", href: "#" },
|
|
],
|
|
},
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="medium"
|
|
background="noise"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="AI Bureau"
|
|
navItems={navItems}
|
|
button={{
|
|
text: "Book Gratis Demo",
|
|
href: "/contact",
|
|
}}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCentered
|
|
title="Din virksomhed. På autopilot."
|
|
description="Gå aldrig glip af en kunde igen. AI der arbejder mens du sover. Automatisér din kundekommunikation med moderne AI-teknologi og se dine indtægter vokse."
|
|
background={{ variant: "noise" }}
|
|
avatars={[
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdBQ5HxO8aamH7OqsGEeJ22nnx/professional-headshot-of-a-satisfied-res-1772913671543-6de1caf8.png",
|
|
alt: "Ma Teo Madbar kunde",
|
|
},
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdBQ5HxO8aamH7OqsGEeJ22nnx/professional-headshot-of-a-successful-sm-1772913671110-855eb08c.png",
|
|
alt: "Tilfreds kunde",
|
|
},
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdBQ5HxO8aamH7OqsGEeJ22nnx/professional-headshot-of-a-female-busine-1772913671502-8319d198.png",
|
|
alt: "Succesfuld business ejer",
|
|
},
|
|
]}
|
|
avatarText="Trusted af 50+ danske virksomheder"
|
|
buttons={[
|
|
{
|
|
text: "Book Gratis Demo",
|
|
href: "/contact",
|
|
},
|
|
{
|
|
text: "Se Cases",
|
|
href: "#cases",
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
ariaLabel="Hero sektion - AI Bureau"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyThree
|
|
title="Vores AI-Ydelser"
|
|
description="Fem kraftfulde løsninger designet til at transformere hvordan din virksomhed kommunikerer med kunder."
|
|
tag="Ydelser"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
animationType="slide-up"
|
|
features={[
|
|
{
|
|
id: "1",
|
|
title: "AI Receptionister",
|
|
tags: ["24/7 Operation", "Voice AI"],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdBQ5HxO8aamH7OqsGEeJ22nnx/a-sophisticated-visualization-of-an-ai-v-1772913672614-c043c6d1.png?_wi=1",
|
|
imageAlt: "AI receptionist interface",
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Landingssider",
|
|
tags: ["Konvertering", "Design"],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdBQ5HxO8aamH7OqsGEeJ22nnx/a-mockup-of-a-high-converting-landing-pa-1772913672793-82a1a7fb.png?_wi=1",
|
|
imageAlt: "Landing page design",
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Professionelle Hjemmesider",
|
|
tags: ["Modern", "Erhverv"],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdBQ5HxO8aamH7OqsGEeJ22nnx/a-mockup-of-a-high-converting-landing-pa-1772913672793-82a1a7fb.png?_wi=2",
|
|
imageAlt: "Professional website",
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "AI Chatbots",
|
|
tags: ["Intelligent", "24/7"],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdBQ5HxO8aamH7OqsGEeJ22nnx/an-intelligent-ai-chatbot-interface-show-1772913671847-f170d2e2.png?_wi=1",
|
|
imageAlt: "AI chatbot interface",
|
|
},
|
|
{
|
|
id: "5",
|
|
title: "Lead Generering",
|
|
tags: ["Automatiseret", "Qualified"],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdBQ5HxO8aamH7OqsGEeJ22nnx/a-visual-representation-of-automated-lea-1772913673864-c6d310a1.png?_wi=1",
|
|
imageAlt: "Lead generation system",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<AboutMetric
|
|
title="Vi bygger resultater, ikke bare websites"
|
|
metrics={[
|
|
{
|
|
icon: TrendingUp,
|
|
label: "Øget Omsætning",
|
|
value: "+45%",
|
|
},
|
|
{
|
|
icon: Clock,
|
|
label: "Tid Sparet",
|
|
value: "20 Timer/Uge",
|
|
},
|
|
{
|
|
icon: Users,
|
|
label: "Danske Kunder",
|
|
value: "50+",
|
|
},
|
|
{
|
|
icon: Zap,
|
|
label: "Automate Rate",
|
|
value: "95%",
|
|
},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="cases" data-section="cases">
|
|
<BlogCardOne
|
|
title="Successtories fra Danske Virksomheder"
|
|
description="Se hvordan reelle virksomheder transformerer deres kundeservice og booster deres omsætning med AI Bureau."
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
blogs={[
|
|
{
|
|
id: "1",
|
|
category: "Restaurant",
|
|
title: "Ma Teo Madbar: Fra Manuel Booking til 24/7 AI Receptionist",
|
|
excerpt: "En restaurantkæde i Slagelse implementerede AI receptionist og reducerede missedetilkald med 90%. Bookinger steg med 35% på 3 måneder.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdBQ5HxO8aamH7OqsGEeJ22nnx/interior-of-a-modern-restaurant-with-war-1772913673566-87a3044b.png?_wi=1",
|
|
imageAlt: "Ma Teo Madbar restaurant",
|
|
authorName: "Lasse Jørgensen",
|
|
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdBQ5HxO8aamH7OqsGEeJ22nnx/professional-headshot-of-a-young-danish--1772913671911-a3057cbf.png",
|
|
date: "15 Jan 2025",
|
|
},
|
|
{
|
|
id: "2",
|
|
category: "Tandklinik",
|
|
title: "Tandklinik i Aarhus: Dobbelt Patienttilgang på 6 Måneder",
|
|
excerpt: "Ved at automatisere booking og påmindelser med AI chatbot, steg tilgangen med 100% uden ekstra marketingbudget.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdBQ5HxO8aamH7OqsGEeJ22nnx/an-intelligent-ai-chatbot-interface-show-1772913671847-f170d2e2.png?_wi=2",
|
|
imageAlt: "Dental clinic success",
|
|
authorName: "Johan Jørgensen",
|
|
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdBQ5HxO8aamH7OqsGEeJ22nnx/professional-headshot-of-a-young-danish--1772913671745-c2389009.png",
|
|
date: "8 Jan 2025",
|
|
},
|
|
{
|
|
id: "3",
|
|
category: "E-handel",
|
|
title: "Onlinebutik i Københavns Omegn: Lead-tid Halveret",
|
|
excerpt: "AI Lead Generering gav korrekt kvalificerede leads direkte til salgsfolkene. Conversion rate steg fra 2% til 5% på 2 måneder.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdBQ5HxO8aamH7OqsGEeJ22nnx/a-visual-representation-of-automated-lea-1772913673864-c6d310a1.png?_wi=2",
|
|
imageAlt: "E-commerce success story",
|
|
authorName: "Lasse Jørgensen",
|
|
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdBQ5HxO8aamH7OqsGEeJ22nnx/professional-headshot-of-a-young-danish--1772913671911-a3057cbf.png",
|
|
date: "1 Jan 2025",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialCardFifteen
|
|
testimonial="AI Bureau har transformeret vores kundeservice. Vi sparer 20 timer om ugen, og kunderne er mere tilfredse end nogensinde. Absolutt en game-changer for vores virksomhed."
|
|
rating={5}
|
|
author="Peter Andersen, Restauratør"
|
|
avatars={[
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdBQ5HxO8aamH7OqsGEeJ22nnx/professional-headshot-of-a-satisfied-res-1772913671543-6de1caf8.png",
|
|
alt: "Peter Andersen",
|
|
},
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdBQ5HxO8aamH7OqsGEeJ22nnx/professional-headshot-of-a-successful-sm-1772913671110-855eb08c.png",
|
|
alt: "Kunde 1",
|
|
},
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdBQ5HxO8aamH7OqsGEeJ22nnx/professional-headshot-of-a-female-busine-1772913671502-8319d198.png",
|
|
alt: "Kunde 2",
|
|
},
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdBQ5HxO8aamH7OqsGEeJ22nnx/professional-headshot-of-a-mid-career-bu-1772913675653-50c49c49.png",
|
|
alt: "Kunde 3",
|
|
},
|
|
{
|
|
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AdBQ5HxO8aamH7OqsGEeJ22nnx/professional-headshot-of-a-business-owne-1772913671522-848af267.png",
|
|
alt: "Kunde 4",
|
|
},
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardTwo
|
|
title="Simple, Gennemsigtige Priser"
|
|
description="Vælg den pakke der passer til din virksomhed. Ingen skjulte gebyrer, ingen lange kontrakter."
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
plans={[
|
|
{
|
|
id: "starter",
|
|
badge: "Starter",
|
|
price: "2.999 kr/md",
|
|
subtitle: "Perfekt for små virksomheder der vil komme i gang",
|
|
badgeIcon: Rocket,
|
|
buttons: [
|
|
{
|
|
text: "Kom i Gang",
|
|
href: "/contact",
|
|
},
|
|
{
|
|
text: "Chat til Os",
|
|
href: "/contact",
|
|
},
|
|
],
|
|
features: [
|
|
"1 AI Receptionist",
|
|
"Grundlæggende Chatbot",
|
|
"Weekday Support",
|
|
"500 Samtaler/Måned",
|
|
"Email Integration",
|
|
],
|
|
},
|
|
{
|
|
id: "pro",
|
|
badge: "Pro",
|
|
price: "7.999 kr/md",
|
|
subtitle: "Most popular - for virksomheder der skalerer",
|
|
badgeIcon: Sparkles,
|
|
buttons: [
|
|
{
|
|
text: "Vælg Pro",
|
|
href: "/contact",
|
|
},
|
|
{
|
|
text: "Demo",
|
|
href: "/contact",
|
|
},
|
|
],
|
|
features: [
|
|
"3 AI Receptionister",
|
|
"Avanceret Chatbot",
|
|
"24/7 Support",
|
|
"5.000 Samtaler/Måned",
|
|
"Lead Generering",
|
|
"Prioritet Support",
|
|
"Custom Integration",
|
|
],
|
|
},
|
|
{
|
|
id: "enterprise",
|
|
badge: "Erhverv",
|
|
price: "Tilbud",
|
|
subtitle: "Specialløsning for større organisationer",
|
|
badgeIcon: Crown,
|
|
buttons: [
|
|
{
|
|
text: "Kontakt Os",
|
|
href: "/contact",
|
|
},
|
|
{
|
|
text: "Book Møde",
|
|
href: "/contact",
|
|
},
|
|
],
|
|
features: [
|
|
"Ubegrænsede AI Receptionister",
|
|
"Dedicated Account Manager",
|
|
"Fuldt Customized Setup",
|
|
"Unlimited Conversations",
|
|
"API Access",
|
|
"Premium Support 24/7",
|
|
"Training Included",
|
|
"SLA Guaranteed",
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
sideTitle="Hyppigt Stillede Spørgsmål"
|
|
sideDescription="Alt du skal vide om AI Bureau og vores løsninger."
|
|
textPosition="left"
|
|
animationType="smooth"
|
|
faqsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "1",
|
|
title: "Hvor længe tager det at implementere?",
|
|
content: "De fleste implementeringer er klar på 1-2 uger. Vi hjælper dig gennem hele processen, så der ikke er noget komplekst setup. Du kan starte inden for 48 timer efter underskrift.",
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Virker det med min eksisterende phone linje?",
|
|
content: "Ja! Vores AI Receptionister integreres med næsten alle phone systemer. Vi tilbyder også et dedikeret nummer hvis du ønsker det. Vi håndterer det hele teknisk, du skal bare acceptere opkaldene.",
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Hvad hvis AI'en ikke kan håndtere et opkald?",
|
|
content: "AI'en er traineret til at håndtere 95% af opkald selv. De resterende 5% bliver overført til dig eller dit team. Du har altid kontrol og kan justere hvordan den handler i realtime.",
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "Kan jeg få tilbagebetaling hvis jeg ikke er tilfreds?",
|
|
content: "Ja. Du kan prøve gratis i 14 dage. Hvis du ikke ser resultater, refunderer vi uden spørgsmål. Vi er sikre på vores løsninger, så vi tilbyder denne garanti uden bekymringer.",
|
|
},
|
|
{
|
|
id: "5",
|
|
title: "Hvad med GDPR og datasikkerhed?",
|
|
content: "Vi er 100% GDPR kompatible. Alle data er krypteret, lagret i Danmark, og vi har ISO 27001 certificering. Din kundedata er sikker med os.",
|
|
},
|
|
{
|
|
id: "6",
|
|
title: "Kan jeg skalere op eller ned?",
|
|
content: "Totalt. Du kan tilføje eller fjerne AI Receptionister når som helst. Ingen lange kontrakter, ingen straffe. Betalingen tilpasses automatisk.",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact-cta" data-section="contact-cta">
|
|
<ContactCTA
|
|
tag="Prøv Gratis"
|
|
tagIcon={Zap}
|
|
title="Gå aldrig glip af en kunde igen."
|
|
description="Book en gratis 30-minuters demo med en af vores specialists. Vi viser dig præcist hvordan AI Bureau kan booste din virksomhed."
|
|
buttons={[
|
|
{
|
|
text: "Book Gratis Demo",
|
|
href: "/contact",
|
|
},
|
|
{
|
|
text: "Se Video",
|
|
href: "#",
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "noise" }}
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="AI Bureau"
|
|
columns={footerColumns}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |