Merge version_2 into main #2
150
src/app/page.tsx
150
src/app/page.tsx
@@ -31,16 +31,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Hem", id: "hero"},
|
||||
{
|
||||
name: "Om Oss", id: "about"},
|
||||
{
|
||||
name: "Tjänster", id: "features"},
|
||||
{
|
||||
name: "Projekt", id: "portfolio"},
|
||||
{
|
||||
name: "Kontakt", id: "contact"},
|
||||
{ name: "Hem", id: "hero" },
|
||||
{ name: "Om Oss", id: "about" },
|
||||
{ name: "Tjänster", id: "features" },
|
||||
{ name: "Projekt", id: "portfolio" },
|
||||
{ name: "Omdömen", id: "testimonials" },
|
||||
{ name: "Frågor", id: "faq" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="Kulör Bygg & Badrum"
|
||||
/>
|
||||
@@ -48,42 +45,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Badrumsrenovering i världsklass i Stockholm"
|
||||
description="Kulör Bygg & Badrum förvandlar dina drömmar till verklighet. Vi levererar högkvalitativa renoveringar med fokus på detaljer, hantverk och hållbarhet."
|
||||
buttons={[
|
||||
{
|
||||
text: "Boka kostnadsfri konsultation", href: "#contact"},
|
||||
]}
|
||||
buttons={[{ text: "Boka kostnadsfri konsultation", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/group-engineers-table-building_23-2147704207.jpg"
|
||||
imageAlt="Luxurious renovated bathroom"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/team-business-people-group-architect-engineers-international-partners_1157-48547.jpg", alt: "Team of architects and engineers"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-people-working-together_23-2149366697.jpg", alt: "Team members working together"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278559.jpg", alt: "Tiler at work"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-construction-workers-with-drill_23-2149366650.jpg", alt: "Construction workers using tools"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278548.jpg", alt: "Professional tiler"},
|
||||
]}
|
||||
avatarText="Vårt team av experter"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Totalrenovering"},
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/group-professional-engineers_23-2147704204.jpg", alt: "Professional engineers"},
|
||||
{
|
||||
type: "text", text: "Hög kvalitet"},
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/two-young-male-happy-architects-making-fun-office_23-2147843001.jpg", alt: "Happy architects"},
|
||||
{
|
||||
type: "text", text: "Stockholm-certifierad"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -91,12 +59,9 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text", content: "Din partner för "},
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/view-plumber-tool-box-ready-fixing-problems-bathroom_23-2150990694.jpg", alt: "Renovation team"},
|
||||
{
|
||||
type: "text", content: " badrumsdrömmar"},
|
||||
{ type: "text", content: "Din partner för " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/view-plumber-tool-box-ready-fixing-problems-bathroom_23-2150990694.jpg", alt: "Renovation team" },
|
||||
{ type: "text", content: " badrumsdrömmar" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -107,18 +72,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1", label: "Badrum", title: "Totalrenovering", items: [
|
||||
"Vattentätning", "Kakelsättning", "Installation"],
|
||||
},
|
||||
{
|
||||
id: "f2", label: "Design", title: "Inredning", items: [
|
||||
"Materialrådgivning", "Ljussättning", "Optimering"],
|
||||
},
|
||||
{
|
||||
id: "f3", label: "Projekt", title: "Projektledning", items: [
|
||||
"Tidsplanering", "Kvalitetskontroll", "Slutbesiktning"],
|
||||
},
|
||||
{ id: "f1", label: "Badrum", title: "Totalrenovering", items: ["Vattentätning", "Kakelsättning", "Installation"] },
|
||||
{ id: "f2", label: "Design", title: "Inredning", items: ["Materialrådgivning", "Ljussättning", "Optimering"] },
|
||||
{ id: "f3", label: "Projekt", title: "Projektledning", items: ["Tidsplanering", "Kvalitetskontroll", "Slutbesiktning"] },
|
||||
]}
|
||||
title="Våra Tjänster"
|
||||
description="Vi erbjuder en helhetslösning för din renovering."
|
||||
@@ -132,24 +88,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", brand: "Stockholm", name: "Modern Marmorbadrum", price: "Renovering", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-worker-tiling-floor_23-2149343997.jpg"},
|
||||
{
|
||||
id: "p2", brand: "Stockholm", name: "Minimalistisk SPA-känsla", price: "Renovering", rating: 5,
|
||||
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/bathtub_1203-3717.jpg"},
|
||||
{
|
||||
id: "p3", brand: "Stockholm", name: "Klassisk Sekelskiftesstil", price: "Renovering", rating: 5,
|
||||
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990698.jpg"},
|
||||
{
|
||||
id: "p4", brand: "Stockholm", name: "Industriell Elegans", price: "Renovering", rating: 5,
|
||||
reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/couple-handling-carpet-together-their-new-home_23-2149086839.jpg"},
|
||||
{
|
||||
id: "p5", brand: "Stockholm", name: "Litet badrum med smart förvaring", price: "Renovering", rating: 5,
|
||||
reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/man-leaning-kitchen-counter-holding-coffee-cup_23-2148195288.jpg"},
|
||||
{
|
||||
id: "p6", brand: "Stockholm", name: "Lyxig Master Suite", price: "Renovering", rating: 5,
|
||||
reviewCount: "11", imageSrc: "http://img.b2bpic.net/free-photo/young-students-standing-porch_23-2147666471.jpg"},
|
||||
{ id: "p1", brand: "Stockholm", name: "Modern Marmorbadrum", price: "Renovering", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-worker-tiling-floor_23-2149343997.jpg" },
|
||||
{ id: "p2", brand: "Stockholm", name: "Minimalistisk SPA-känsla", price: "Renovering", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/bathtub_1203-3717.jpg" },
|
||||
{ id: "p3", brand: "Stockholm", name: "Klassisk Sekelskiftesstil", price: "Renovering", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990698.jpg" },
|
||||
]}
|
||||
title="Utvalda Projekt"
|
||||
description="Se hur vi förvandlar gamla utrymmen till moderna badrum."
|
||||
@@ -162,12 +103,9 @@ export default function LandingPage() {
|
||||
title="Varför välja oss?"
|
||||
tag="Kvalitet"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "150+", description: "Lyckade projekt"},
|
||||
{
|
||||
id: "m2", value: "10", description: "Års erfarenhet"},
|
||||
{
|
||||
id: "m3", value: "100%", description: "Nöjda kunder"},
|
||||
{ id: "m1", value: "150+", description: "Lyckade projekt" },
|
||||
{ id: "m2", value: "10", description: "Års erfarenhet" },
|
||||
{ id: "m3", value: "100%", description: "Nöjda kunder" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -180,24 +118,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Erik Lindberg", role: "Villaägare", company: "Stockholm", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-couple-with-phone_23-2149239058.jpg"},
|
||||
{
|
||||
id: "2", name: "Maria Andersson", role: "Bostadsrättsägare", company: "Stockholm", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-carpenter-working-with-experienced-man_329181-15613.jpg"},
|
||||
{
|
||||
id: "3", name: "Johan Persson", role: "Villaägare", company: "Nacka", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roofers-with-helmets-working-together_23-2149343699.jpg"},
|
||||
{
|
||||
id: "4", name: "Sara Nilsson", role: "Bostadsrättsägare", company: "Bromma", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-bathroom-with-smart-home-technology_9975-33208.jpg"},
|
||||
{
|
||||
id: "5", name: "Per Sjöberg", role: "Villaägare", company: "Djursholm", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/displeased-dark-skinned-businesswoman-convinces-her-husband-pay-attention-some-figures-financial-report_273609-44861.jpg"},
|
||||
{ id: "1", name: "Erik Lindberg", role: "Villaägare", company: "Stockholm", rating: 5 },
|
||||
{ id: "2", name: "Maria Andersson", role: "Bostadsrättsägare", company: "Stockholm", rating: 5 },
|
||||
{ id: "3", name: "Johan Persson", role: "Villaägare", company: "Nacka", rating: 5 },
|
||||
]}
|
||||
title="Vad våra kunder säger"
|
||||
description="Vi är stolta över att bygga förtroende hos våra kunder i Stockholm."
|
||||
description="Framgångshistorier från nöjda badrumsägare i Mälardalen."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -206,41 +132,31 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "Hur lång tid tar en badrumsrenovering?", content: "En normal badrumsrenovering tar mellan 3-5 veckor beroende på storlek och omfattning."},
|
||||
{
|
||||
id: "q2", title: "Ingår material i offerten?", content: "Vi kan erbjuda både totalentreprenad där material ingår eller delad entreprenad efter önskemål."},
|
||||
{
|
||||
id: "q3", title: "Finns rot-avdrag?", content: "Ja, vi hjälper er med ROT-avdraget direkt på fakturan så att ni slipper allt krångel med Skatteverket."},
|
||||
{ id: "q1", title: "Hur lång tid tar en renovering?", content: "Normalt tar det 3-5 veckor beroende på badrummets storlek." },
|
||||
{ id: "q2", title: "Erbjuder ni konsultation?", content: "Ja, vi erbjuder kostnadsfria platsbesök för byggplanering." },
|
||||
{ id: "q3", title: "Ingår ROT-avdrag?", content: "Självklart, vi sköter hela processen med Skatteverket åt dig." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/couple-handling-carpet-together-their-new-home_23-2149086838.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Vanliga frågor"
|
||||
description="Här hittar du svar på de vanligaste frågorna om våra renoveringar."
|
||||
faqsAnimation="blur-reveal"
|
||||
description="Allt du behöver veta om badrumsrenovering."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
tag="Kontakt"
|
||||
title="Redo att renovera?"
|
||||
description="Kontakta oss idag för ett kostnadsfritt hembesök och offert."
|
||||
title="Hör av dig"
|
||||
description="Vi verkar i hela Mälardalen. Boka ditt kostnadsfria hembesök idag via formuläret."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278642.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Kulör Bygg & Badrum"
|
||||
copyrightText="© 2025 Kulör Bygg & Badrum i Stockholm. Alla rättigheter reserverade."
|
||||
copyrightText="© 2025 Kulör Bygg & Badrum. Verksamma i Mälardalen."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user