Merge version_1 into main #1
192
src/app/page.tsx
192
src/app/page.tsx
@@ -32,69 +32,38 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "products",
|
||||
},
|
||||
name: "Projects", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Ad Bygg AB"
|
||||
button={{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get a Quote", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Byggprojekt med kvalitet och precision"
|
||||
description="Vi förverkligar dina byggdrömmar med erfarenhet, högsta kvalitet och pålitlig service för privatkunder och företag."
|
||||
tag="Ad Bygg AB"
|
||||
buttons={[
|
||||
{
|
||||
text: "Begär offert",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Begär offert", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-working-construction-industry_23-2151349700.jpg",
|
||||
imageAlt: "modern construction site architecture",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-working-construction-industry_23-2151349700.jpg", imageAlt: "modern construction site architecture"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-croatia-monument-uprising-people-banija-kordun_181624-6228.jpg",
|
||||
imageAlt: "modern construction site architecture",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/talk-constructors_1098-13757.jpg",
|
||||
imageAlt: "Talk of constructors",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-white-collar-workers_1398-1735.jpg",
|
||||
imageAlt: "Portrait of two white-collar workers",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-factory-workers-safety-hats-discussing-manufacture-plan_1303-30644.jpg",
|
||||
imageAlt: "Three factory workers in safety hats discussing manufacture plan",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-croatia-monument-uprising-people-banija-kordun_181624-6228.jpg", imageAlt: "modern construction site architecture"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -124,29 +93,19 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Home,
|
||||
title: "Nybyggnation",
|
||||
description: "Vi bygger ditt drömhus från grunden.",
|
||||
},
|
||||
title: "Nybyggnation", description: "Vi bygger ditt drömhus från grunden."},
|
||||
{
|
||||
icon: Wrench,
|
||||
title: "Renovering",
|
||||
description: "Totalrenoveringar och uppfräschning av befintliga ytor.",
|
||||
},
|
||||
title: "Renovering", description: "Totalrenoveringar och uppfräschning av befintliga ytor."},
|
||||
{
|
||||
icon: Building,
|
||||
title: "Ombyggnad",
|
||||
description: "Vi anpassar och bygger om dina utrymmen efter behov.",
|
||||
},
|
||||
title: "Ombyggnad", description: "Vi anpassar och bygger om dina utrymmen efter behov."},
|
||||
{
|
||||
icon: Droplet,
|
||||
title: "Ytskikt",
|
||||
description: "Vi arbetar med målning och tapetsering av högsta klass.",
|
||||
},
|
||||
title: "Ytskikt", description: "Vi arbetar med målning och tapetsering av högsta klass."},
|
||||
{
|
||||
icon: Compass,
|
||||
title: "Planering",
|
||||
description: "Vi hjälper till med ritningar och projektplanering.",
|
||||
},
|
||||
title: "Planering", description: "Vi hjälper till med ritningar och projektplanering."},
|
||||
]}
|
||||
title="Våra Tjänster"
|
||||
description="Vi erbjuder ett brett spektrum av professionella byggtjänster."
|
||||
@@ -161,41 +120,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Villa Renovering",
|
||||
price: "Projekt",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-apartment-building-sunlight-daytime_181624-19251.jpg",
|
||||
},
|
||||
id: "1", name: "Villa Renovering", price: "Projekt", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-apartment-building-sunlight-daytime_181624-19251.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Kontorsbygge",
|
||||
price: "Projekt",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-operating-special-equipment-cleaning-construction-site_259150-57675.jpg",
|
||||
},
|
||||
id: "2", name: "Kontorsbygge", price: "Projekt", imageSrc: "http://img.b2bpic.net/free-photo/man-operating-special-equipment-cleaning-construction-site_259150-57675.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sommarstuga",
|
||||
price: "Projekt",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/image-engineering-objects-workplace-top-view-construction-concept-engineering-tools-vintage-tone-retro-filter-effect-soft-focus-selective-focus_1418-467.jpg",
|
||||
},
|
||||
id: "3", name: "Sommarstuga", price: "Projekt", imageSrc: "http://img.b2bpic.net/free-photo/image-engineering-objects-workplace-top-view-construction-concept-engineering-tools-vintage-tone-retro-filter-effect-soft-focus-selective-focus_1418-467.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Köksprojekt",
|
||||
price: "Projekt",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-fragment-with-armchairs-glass-wall-stylish-lounge-area-furniture_169016-72729.jpg",
|
||||
},
|
||||
id: "4", name: "Köksprojekt", price: "Projekt", imageSrc: "http://img.b2bpic.net/free-photo/interior-fragment-with-armchairs-glass-wall-stylish-lounge-area-furniture_169016-72729.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Fasadbygge",
|
||||
price: "Projekt",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-building-construction_23-2148139971.jpg",
|
||||
},
|
||||
id: "5", name: "Fasadbygge", price: "Projekt", imageSrc: "http://img.b2bpic.net/free-photo/close-up-building-construction_23-2148139971.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Altandäck",
|
||||
price: "Projekt",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-artist-painting-picture-home_1303-31139.jpg",
|
||||
},
|
||||
id: "6", name: "Altandäck", price: "Projekt", imageSrc: "http://img.b2bpic.net/free-photo/woman-artist-painting-picture-home_1303-31139.jpg"},
|
||||
]}
|
||||
title="Tidigare Projekt"
|
||||
description="Se ett urval av de arbeten vi genomfört hos våra kunder."
|
||||
@@ -209,23 +144,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: CheckCircle,
|
||||
title: "Slutförda projekt",
|
||||
value: "250+",
|
||||
},
|
||||
id: "1", icon: CheckCircle,
|
||||
title: "Slutförda projekt", value: "250+"},
|
||||
{
|
||||
id: "2",
|
||||
icon: Users,
|
||||
title: "Nöjda kunder",
|
||||
value: "100%",
|
||||
},
|
||||
id: "2", icon: Users,
|
||||
title: "Nöjda kunder", value: "100%"},
|
||||
{
|
||||
id: "3",
|
||||
icon: Award,
|
||||
title: "Erfarenhet i år",
|
||||
value: "15",
|
||||
},
|
||||
id: "3", icon: Award,
|
||||
title: "Erfarenhet i år", value: "15"},
|
||||
]}
|
||||
title="Resultat som talar"
|
||||
description="Vi är stolta över det förtroende våra kunder visar oss."
|
||||
@@ -239,40 +165,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Anna Lind",
|
||||
handle: "Villaägare",
|
||||
testimonial: "Fantastiskt jobb med vår renovering. Professionella och punktliga.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/building-construction-workers-site_23-2149124256.jpg",
|
||||
},
|
||||
id: "1", name: "Anna Lind", handle: "Villaägare", testimonial: "Fantastiskt jobb med vår renovering. Professionella och punktliga.", imageSrc: "http://img.b2bpic.net/free-photo/building-construction-workers-site_23-2149124256.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Erik Johansson",
|
||||
handle: "Kontorskund",
|
||||
testimonial: "Ad Bygg levererade över förväntan. Smidig process hela vägen.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-latin-man-architect-smiling-confident-standing-with-arms-crossed-gesture-street_839833-2747.jpg",
|
||||
},
|
||||
id: "2", name: "Erik Johansson", handle: "Kontorskund", testimonial: "Ad Bygg levererade över förväntan. Smidig process hela vägen.", imageSrc: "http://img.b2bpic.net/free-photo/young-latin-man-architect-smiling-confident-standing-with-arms-crossed-gesture-street_839833-2747.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Maria Persson",
|
||||
handle: "Villaägare",
|
||||
testimonial: "Väldigt nöjd med hantverket. Kommer definitivt anlita dem igen.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086831.jpg",
|
||||
},
|
||||
id: "3", name: "Maria Persson", handle: "Villaägare", testimonial: "Väldigt nöjd med hantverket. Kommer definitivt anlita dem igen.", imageSrc: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086831.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Lars Svensson",
|
||||
handle: "Sommarstugägare",
|
||||
testimonial: "Mycket hög kvalitet på utfört arbete. Rekommenderas varmt.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-holding-level_23-2147704224.jpg",
|
||||
},
|
||||
id: "4", name: "Lars Svensson", handle: "Sommarstugägare", testimonial: "Mycket hög kvalitet på utfört arbete. Rekommenderas varmt.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-holding-level_23-2147704224.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sara Nilsson",
|
||||
handle: "Kökskund",
|
||||
testimonial: "Allt gick enligt plan. Snyggt och noggrant utfört arbete.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-partners-have-business-connections_273609-44857.jpg",
|
||||
},
|
||||
id: "5", name: "Sara Nilsson", handle: "Kökskund", testimonial: "Allt gick enligt plan. Snyggt och noggrant utfört arbete.", imageSrc: "http://img.b2bpic.net/free-photo/diverse-partners-have-business-connections_273609-44857.jpg"},
|
||||
]}
|
||||
title="Vad våra kunder tycker"
|
||||
description="Läs vad några av våra kunder har att säga om oss."
|
||||
@@ -283,8 +184,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Låt oss hjälpa dig med ditt projekt"
|
||||
description="Kontakta oss för en kostnadsfri konsultation och offert."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278568.jpg"
|
||||
@@ -300,33 +200,21 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Hem",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Hem", href: "#hero"},
|
||||
{
|
||||
label: "Tjänster",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Tjänster", href: "#features"},
|
||||
{
|
||||
label: "Projekt",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Projekt", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Om oss",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Om oss", href: "#about"},
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Kontakt", href: "#contact"},
|
||||
{
|
||||
label: "Integritetspolicy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Integritetspolicy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -336,4 +224,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user