Merge version_2 into main #6
@@ -1,47 +1,24 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Inter_Tight } from "next/font/google";
|
||||
import { Poppins } from "next/font/google";
|
||||
import "./styles/variables.css";
|
||||
import "./globals.css";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
|
||||
const interTight = Inter_Tight({
|
||||
variable: "--font-inter-tight",
|
||||
subsets: ["latin"],
|
||||
const poppins = Poppins({
|
||||
variable: "--font-poppins", subsets: ["latin"],
|
||||
weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
|
||||
});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Webild - Professionell Byggfirma i Stockholm",
|
||||
description: "Webild erbjuder expertrenovering, nybyggnation och totalentreprenad. 10+ års erfarenhet. Kostnadsfri offert. ROT-avdrag möjligt.",
|
||||
keywords: "byggfirma stockholm, renovering, nybyggnation, badrum, kök, fasadarbete, tal entreprenad",
|
||||
metadataBase: new URL("https://webild.se"),
|
||||
alternates: {
|
||||
canonical: "https://webild.se",
|
||||
},
|
||||
openGraph: {
|
||||
title: "Webild - Din Partner för Byggprojekt",
|
||||
description: "Professionella byggtjänster från planering till slutbesiktning. 10+ års erfarenhet.",
|
||||
siteName: "Webild",
|
||||
type: "website",
|
||||
},
|
||||
robots: {
|
||||
index: true,
|
||||
follow: true,
|
||||
},
|
||||
};
|
||||
title: "Webild - Modern Professional Construction Company", description: "Professional construction services with warm orange accents and clean typography. Expert builders delivering quality projects."};
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
}: Readonly<{
|
||||
}: {
|
||||
children: React.ReactNode;
|
||||
}>) {
|
||||
}) {
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body className={`${interTight.variable} antialiased`}>
|
||||
<Tag />
|
||||
{children}
|
||||
|
||||
<html lang="en">
|
||||
<body className={poppins.variable}>{children}
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: `
|
||||
@@ -1409,7 +1386,6 @@ export default function RootLayout({
|
||||
}}
|
||||
/>
|
||||
</body>
|
||||
</ServiceWrapper>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
152
src/app/page.tsx
152
src/app/page.tsx
@@ -30,11 +30,11 @@ import {
|
||||
|
||||
export default function HomePage() {
|
||||
const navItems = [
|
||||
{ name: "Hem", id: "/" },
|
||||
{ name: "Tjänster", id: "/services" },
|
||||
{ name: "Om Oss", id: "/about" },
|
||||
{ name: "Projekt", id: "/projects" },
|
||||
{ name: "Kontakt", id: "/contact" },
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Projects", id: "/projects" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
|
||||
return (
|
||||
@@ -61,43 +61,43 @@ export default function HomePage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
title="Vi bygger dina visioner"
|
||||
description="Professionella byggtjänster med fokus på kvalitet, noggrannhet och kundnöjdhet. Från renovering till totalentreprenad – vi är din partner för framgång."
|
||||
tag="Byggexpertis"
|
||||
title="We Build Your Vision"
|
||||
description="Professional construction services with a focus on quality, precision, and customer satisfaction. From renovations to full-scale projects – we are your partner for success."
|
||||
tag="Construction Expertise"
|
||||
tagIcon={Hammer}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "glowing-orb" }}
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-man-working-laptop-home-modern-kitchen_651396-3535.jpg?_wi=1", imageAlt: "Renovering före och efter"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-man-working-laptop-home-modern-kitchen_651396-3535.jpg?_wi=1", imageAlt: "Renovation before and after"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-18.jpg?_wi=1", imageAlt: "Nybyggnation projekt"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-18.jpg?_wi=1", imageAlt: "New construction project"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg?_wi=1", imageAlt: "Tak- och fasadarbete"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg?_wi=1", imageAlt: "Roofing and facade work"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-collar-workers-works-building-site_1398-1725.jpg?_wi=1", imageAlt: "Konstruktionsprojekt"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-collar-workers-works-building-site_1398-1725.jpg?_wi=1", imageAlt: "Construction project"
|
||||
},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-collar-workers-works-building-site_1398-1725.jpg?_wi=2", imageAlt: "Byggarbetsplats"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-collar-workers-works-building-site_1398-1725.jpg?_wi=2", imageAlt: "Construction site"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg?_wi=2", imageAlt: "Professionellt takarbete"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg?_wi=2", imageAlt: "Professional roofing work"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-man-working-laptop-home-modern-kitchen_651396-3535.jpg?_wi=2", imageAlt: "Inredningsrenovering"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-man-working-laptop-home-modern-kitchen_651396-3535.jpg?_wi=2", imageAlt: "Interior renovation"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-18.jpg?_wi=2", imageAlt: "Ny byggnad"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-18.jpg?_wi=2", imageAlt: "New building"
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Få kostnadsfri offert", href: "/contact" },
|
||||
{ text: "Se våra projekt", href: "/projects" },
|
||||
{ text: "Get Free Quote", href: "/contact" },
|
||||
{ text: "View Our Projects", href: "/projects" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
carouselPosition="right"
|
||||
@@ -106,35 +106,35 @@ export default function HomePage() {
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureHoverPattern
|
||||
title="Våra tjänster"
|
||||
description="Vi erbjuder ett komplett sortiment av byggtjänster för både bostäder och företag. Oavsett projektets storlek, har vi expertisen och erfarenheten."
|
||||
tag="Tjänsteutbud"
|
||||
title="Our Services"
|
||||
description="We offer a complete range of construction services for both residential and commercial properties. Whatever the project size, we have the expertise and experience."
|
||||
tag="Service Offerings"
|
||||
tagIcon={Wrench}
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
icon: Home,
|
||||
title: "Renovering", description: "Totalrenovering eller delrenovering av bostäder och lokaler med fokus på modern design och hållbarhet."
|
||||
title: "Renovation", description: "Complete or partial renovation of homes and commercial spaces with a focus on modern design and sustainability."
|
||||
},
|
||||
{
|
||||
icon: Building2,
|
||||
title: "Nybyggnation", description: "Från ritning till slutbesiktning. Vi hanterar alla steg i processen för nya bostads- och kommersiella projekt."
|
||||
title: "New Construction", description: "From design to final inspection. We handle all steps in the process for new residential and commercial projects."
|
||||
},
|
||||
{
|
||||
icon: Droplet,
|
||||
title: "Badrum & Kök", description: "Specialiserad renovering av badrum och kök med fokus på funktionalitet och estetik."
|
||||
title: "Bathrooms & Kitchens", description: "Specialized renovation of bathrooms and kitchens with focus on functionality and aesthetics."
|
||||
},
|
||||
{
|
||||
icon: Building2,
|
||||
title: "Tak & Fasadarbete", description: "Professionell installation och reparation av tak och fasader för långsiktig skydd och estetik."
|
||||
title: "Roof & Facade Work", description: "Professional installation and repair of roofs and facades for long-term protection and aesthetics."
|
||||
},
|
||||
{
|
||||
icon: Plus,
|
||||
title: "Tillbyggnad", description: "Utöka din boendemiljö med väl planerade och genomförda tillbyggnader anpassade efter dina behov."
|
||||
title: "Extensions", description: "Expand your living space with well-planned and executed extensions tailored to your needs."
|
||||
},
|
||||
{
|
||||
icon: Briefcase,
|
||||
title: "Totalentreprenad", description: "Komplett projektledning från planering till slutbesiktning för större byggprojekt."
|
||||
title: "General Contracting", description: "Complete project management from planning to final inspection for larger construction projects."
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -145,15 +145,15 @@ export default function HomePage() {
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
tag="Om Webild"
|
||||
tag="About Webild"
|
||||
tagIcon={Award}
|
||||
tagAnimation="slide-up"
|
||||
title="10+ års erfarenhet inom byggindustrin"
|
||||
title="10+ Years of Industry Experience"
|
||||
description="Webild AB"
|
||||
subdescription="Certifierad byggfirma"
|
||||
subdescription="Certified Construction Firm"
|
||||
icon={CheckCircle}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/white-collar-workers-works-building-site_1398-1725.jpg?_wi=3"
|
||||
imageAlt="Webild byggfirma team"
|
||||
imageAlt="Webild construction team"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
@@ -161,23 +161,23 @@ export default function HomePage() {
|
||||
|
||||
<div id="process" data-section="process">
|
||||
<MetricCardOne
|
||||
title="Så här går det till"
|
||||
description="Vår beprövade process säkerställer ett smidigt och professionellt genomförande av ditt projekt."
|
||||
tag="Projektprocess"
|
||||
title="How We Work"
|
||||
description="Our proven process ensures smooth and professional execution of your project."
|
||||
tag="Project Process"
|
||||
tagIcon={ListChecks}
|
||||
tagAnimation="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "1", title: "Kostnadsfri offert", description: "Vi besöker din fastighet och lämnar en detaljerad och bindande offert.", icon: FileText
|
||||
id: "1", value: "1", title: "Free Quote", description: "We visit your property and provide a detailed and binding quote.", icon: FileText
|
||||
},
|
||||
{
|
||||
id: "2", value: "2", title: "Planering", description: "Tillsammans planerar vi projektet i detalj för bästa resultat.", icon: FileText
|
||||
id: "2", value: "2", title: "Planning", description: "Together we plan the project in detail for the best results.", icon: FileText
|
||||
},
|
||||
{
|
||||
id: "3", value: "3", title: "Byggstart", description: "Vårt proffs team börjar arbetet enligt överenskomna tider.", icon: Hammer
|
||||
id: "3", value: "3", title: "Construction Start", description: "Our professional team begins work according to agreed timelines.", icon: Hammer
|
||||
},
|
||||
{
|
||||
id: "4", value: "4", title: "Slutbesiktning", description: "Vi gör en grundlig slutbesiktning för ditt fulla värde.", icon: CheckSquare
|
||||
id: "4", value: "4", title: "Final Inspection", description: "We conduct a thorough final inspection for your peace of mind.", icon: CheckSquare
|
||||
}
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
@@ -189,29 +189,29 @@ export default function HomePage() {
|
||||
|
||||
<div id="projects" data-section="projects">
|
||||
<BlogCardOne
|
||||
title="Referensprojekt"
|
||||
description="Utforska några av våra framgångsrika projekt som visar vår skicklighet och engagemang."
|
||||
tag="Projektgalleri"
|
||||
title="Reference Projects"
|
||||
description="Explore some of our successful projects that showcase our expertise and commitment."
|
||||
tag="Project Gallery"
|
||||
tagIcon={ImageIcon}
|
||||
tagAnimation="slide-up"
|
||||
blogs={[
|
||||
{
|
||||
id: "1", category: "Renovering", title: "Lyxig badrumsrenovering i Norrmalm", excerpt: "Komplexe badrumsrenovering med marmorplattor och under-värmesystem. Projektet genomfördes på 6 veckor utan störningar.", imageSrc: "http://img.b2bpic.net/free-photo/woman-man-working-laptop-home-modern-kitchen_651396-3535.jpg?_wi=3", imageAlt: "Badrumsrenovering", authorName: "Webild AB", authorAvatar: "http://img.b2bpic.net/free-photo/inspectors-interacting_1098-14279.jpg", date: "15 Jan 2025"
|
||||
id: "1", category: "Renovation", title: "Luxury Bathroom Renovation in Stockholm", excerpt: "Complex bathroom renovation with marble tiles and under-floor heating. Project completed in 6 weeks without disruptions.", imageSrc: "http://img.b2bpic.net/free-photo/woman-man-working-laptop-home-modern-kitchen_651396-3535.jpg?_wi=3", imageAlt: "Bathroom renovation", authorName: "Webild AB", authorAvatar: "http://img.b2bpic.net/free-photo/inspectors-interacting_1098-14279.jpg", date: "15 Jan 2025"
|
||||
},
|
||||
{
|
||||
id: "2", category: "Nybyggnation", title: "Enplanshus i Täby", excerpt: "Nya småhus med moderna energilösningar och miljövänliga material. Fullständig motsvarar dagens byggnormer.", imageSrc: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-18.jpg?_wi=3", imageAlt: "Nybyggd villa", authorName: "Webild AB", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg", date: "10 Jan 2025"
|
||||
id: "2", category: "New Construction", title: "Single-Story House in Täby", excerpt: "New small homes with modern energy solutions and eco-friendly materials. Fully complies with current building standards.", imageSrc: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-18.jpg?_wi=3", imageAlt: "New villa", authorName: "Webild AB", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg", date: "10 Jan 2025"
|
||||
},
|
||||
{
|
||||
id: "3", category: "Tak & Fasad", title: "Takbyte och fasadrenovering på Södermalm", excerpt: "Omfattande takbyte och fasadrenovering på klassisk byggnad. Slutfördes med höga kvalitetskrav.", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg?_wi=3", imageAlt: "Takarbete", authorName: "Webild AB", authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-men-wearing-helmet_23-2148921379.jpg", date: "5 Jan 2025"
|
||||
id: "3", category: "Roof & Facade", title: "Roof Replacement and Facade Renovation in Södermalm", excerpt: "Comprehensive roof replacement and facade renovation on classical building. Completed with high quality standards.", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg?_wi=3", imageAlt: "Roofing work", authorName: "Webild AB", authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-men-wearing-helmet_23-2148921379.jpg", date: "5 Jan 2025"
|
||||
},
|
||||
{
|
||||
id: "4", category: "Kök", title: "Modernt köksupgraderande", excerpt: "Helt nytt kök med högsta kvalitetsutrustning och ergonomisk design. Lösningen skapade ett nytt hjärta för hemmet.", imageSrc: "http://img.b2bpic.net/free-photo/woman-man-working-laptop-home-modern-kitchen_651396-3535.jpg?_wi=4", imageAlt: "Modernt kök", authorName: "Webild AB", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-construction-worker_23-2148233742.jpg", date: "1 Jan 2025"
|
||||
id: "4", category: "Kitchen", title: "Modern Kitchen Upgrade", excerpt: "Completely new kitchen with highest quality appliances and ergonomic design. Solution created a new heart for the home.", imageSrc: "http://img.b2bpic.net/free-photo/woman-man-working-laptop-home-modern-kitchen_651396-3535.jpg?_wi=4", imageAlt: "Modern kitchen", authorName: "Webild AB", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-construction-worker_23-2148233742.jpg", date: "1 Jan 2025"
|
||||
},
|
||||
{
|
||||
id: "5", category: "Totalentreprenad", title: "Fullständig överhål av lägenhet", excerpt: "Totalrenovering av 100 m² lägenhet inklusive el, vvs, och inredning. Levererades enligt schema och budget.", imageSrc: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-18.jpg?_wi=4", imageAlt: "Lägenhet renovering", authorName: "Webild AB", authorAvatar: "http://img.b2bpic.net/free-photo/inspectors-interacting_1098-14279.jpg", date: "20 Dec 2024"
|
||||
id: "5", category: "General Contracting", title: "Complete Apartment Overhaul", excerpt: "Full renovation of 100 m² apartment including electrical, plumbing, and interior design. Delivered on schedule and budget.", imageSrc: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-18.jpg?_wi=4", imageAlt: "Apartment renovation", authorName: "Webild AB", authorAvatar: "http://img.b2bpic.net/free-photo/inspectors-interacting_1098-14279.jpg", date: "20 Dec 2024"
|
||||
},
|
||||
{
|
||||
id: "6", category: "Tillbyggnad", title: "Växthus- och veranda-tillbyggnad", excerpt: "Nätt tillbyggnad med stora fönster och utgång till trädgård. Projektet krävde särskild uppmärksamhet på detaljhandlingen.", imageSrc: "http://img.b2bpic.net/free-photo/white-collar-workers-works-building-site_1398-1725.jpg?_wi=4", imageAlt: "Tillbyggnad", authorName: "Webild AB", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg", date: "15 Dec 2024"
|
||||
id: "6", category: "Extensions", title: "Greenhouse and Veranda Extension", excerpt: "Neat extension with large windows and garden access. Project required special attention to detailed planning.", imageSrc: "http://img.b2bpic.net/free-photo/white-collar-workers-works-building-site_1398-1725.jpg?_wi=4", imageAlt: "Extension", authorName: "Webild AB", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg", date: "15 Dec 2024"
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -223,29 +223,29 @@ export default function HomePage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
title="Kundomdömen"
|
||||
description="Läs vad våra nöjda kunder säger om sitt samarbete med Webild."
|
||||
title="Client Reviews"
|
||||
description="Read what our satisfied customers say about their work with Webild."
|
||||
tag="Feedback"
|
||||
tagIcon={Star}
|
||||
tagAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Anna Bergström", role: "Husägare", testimonial: "Webild genomförde en total badrumsrenovering på vår villa. Professionalism och dedikation var imponerande. Projektet slutfördes i tid och översteg våra förväntningar!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "Anna Bergström"
|
||||
id: "1", name: "Anna Bergström", role: "Homeowner", testimonial: "Webild completed a total bathroom renovation of our villa. Their professionalism and dedication were impressive. The project was completed on time and exceeded our expectations!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "Anna Bergström"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Erik Nilsson", role: "Företagare", testimonial: "Vi anlitade Webild för att bygga nya kontorslokaler. Deras projektledning var exemplarisk och vi fick exakt vad vi ville ha.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg?_wi=1", imageAlt: "Erik Nilsson"
|
||||
id: "2", name: "Erik Nilsson", role: "Business Owner", testimonial: "We hired Webild to build new office space. Their project management was exemplary and we got exactly what we wanted.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg?_wi=1", imageAlt: "Erik Nilsson"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Sofia Eklund", role: "Fastighetsägare", testimonial: "Efter att ha använt Webild för två projekt kan jag rekommendera dem varmt. Snabba, professionella och använder högkvalitativa material.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "Sofia Eklund"
|
||||
id: "3", name: "Sofia Eklund", role: "Property Owner", testimonial: "After using Webild for two projects, I can warmly recommend them. Fast, professional, and they use high-quality materials.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "Sofia Eklund"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Lars Johansson", role: "Pensionär", testimonial: "Webild byggde en fantastisk veranda till vår villa. Deras team var artig, effektiv och det blev exakt det vi drömde om.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg", imageAlt: "Lars Johansson"
|
||||
id: "4", name: "Lars Johansson", role: "Retiree", testimonial: "Webild built a fantastic veranda for our villa. Their team was polite, efficient, and it turned out exactly as we dreamed.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg", imageAlt: "Lars Johansson"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Maria Svensson", role: "Läkare", testimonial: "Vi ville renovera hela hemmet och Webild var den rätta valet. De hanterade allt från planering till slutbesiktning perfekt.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg?_wi=2", imageAlt: "Maria Svensson"
|
||||
id: "5", name: "Maria Svensson", role: "Doctor", testimonial: "We wanted to renovate our entire home and Webild was the right choice. They handled everything from planning to final inspection perfectly.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg?_wi=2", imageAlt: "Maria Svensson"
|
||||
},
|
||||
{
|
||||
id: "6", name: "Thomas Larsson", role: "Konstnär", testimonial: "Fantastisk erfarenhet! Webild skapat mitt drömkök. Kreativa lösningar och professionell genomförande från början till slut.", imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg", imageAlt: "Thomas Larsson"
|
||||
id: "6", name: "Thomas Larsson", role: "Artist", testimonial: "Fantastic experience! Webild created my dream kitchen. Creative solutions and professional execution from start to finish.", imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg", imageAlt: "Thomas Larsson"
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -256,26 +256,26 @@ export default function HomePage() {
|
||||
|
||||
<div id="cta" data-section="cta">
|
||||
<ContactFaq
|
||||
ctaTitle="Redo att starta ditt projekt?"
|
||||
ctaDescription="Kontakta oss idag för en kostnadsfri konsultation och offert. Vi svarar inom 24 timmar."
|
||||
ctaTitle="Ready to Start Your Project?"
|
||||
ctaDescription="Contact us today for a free consultation and quote. We respond within 24 hours."
|
||||
ctaButton={{
|
||||
text: "Begär offert nu", href: "/contact"
|
||||
text: "Request Quote Now", href: "/contact"
|
||||
}}
|
||||
ctaIcon={Phone}
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "Hur lång tid tar en renovering?", content: "Tidsramen beror på projektets omfattning. En badrumrenovering tar vanligtvis 3-6 veckor, medan en totalrenovering kan ta 2-4 månader. Vi ger alltid en detaljerad tidsplan vid första mötet."
|
||||
id: "1", title: "How long does a renovation take?", content: "The timeframe depends on the project's scope. A bathroom renovation typically takes 3-6 weeks, while a complete renovation can take 2-4 months. We always provide a detailed timeline at our first meeting."
|
||||
},
|
||||
{
|
||||
id: "2", title: "Erbjuder ni ROT-avdrag?", content: "Ja, vi är registrerade för ROT-avdrag. Detta kan ge dig upp till 50% avdrag på arbetskostnaden för vissa arbeten. Vi hjälper gärna med dokumentationen."
|
||||
id: "2", title: "Do you offer tax deductions?", content: "Yes, we are registered for tax deductions. This can give you up to 50% deduction on labor costs for certain work. We are happy to help with documentation."
|
||||
},
|
||||
{
|
||||
id: "3", title: "Vad är kostnaden för en offert?", content: "Vi erbjuder kostnadsfria besök och offerter för alla projekt. Det finns ingen förpliktelse och du kan ta beslut utan tidspress."
|
||||
id: "3", title: "What is the cost of a quote?", content: "We offer free visits and quotes for all projects. There is no obligation and you can make a decision without time pressure."
|
||||
},
|
||||
{
|
||||
id: "4", title: "Har ni försäkringar och garantier?", content: "Vi är fullt försäkrade och erbjuder 10 års garanti på alla arbetade. Vi följer också alla gällande byggnormer och regler."
|
||||
id: "4", title: "Do you have insurance and guarantees?", content: "We are fully insured and offer 10 years warranty on all work. We also comply with all applicable building codes and regulations."
|
||||
}
|
||||
]}
|
||||
accordionAnimationType="smooth"
|
||||
@@ -286,32 +286,32 @@ export default function HomePage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Företag", items: [
|
||||
{ label: "Om oss", href: "/about" },
|
||||
{ label: "Projekt", href: "/projects" },
|
||||
{ label: "Tjänster", href: "/services" },
|
||||
{ label: "Kontakt", href: "/contact" }
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Projects", href: "/projects" },
|
||||
{ label: "Services", href: "/services" },
|
||||
{ label: "Contact", href: "/contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Information", items: [
|
||||
{ label: "Certifiering", href: "#" },
|
||||
{ label: "Försäkringar", href: "#" },
|
||||
{ label: "ROT-avdrag", href: "#" },
|
||||
{ label: "Garantier", href: "#" }
|
||||
{ label: "Certification", href: "#" },
|
||||
{ label: "Insurance", href: "#" },
|
||||
{ label: "Tax Deductions", href: "#" },
|
||||
{ label: "Warranties", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Juridiskt", items: [
|
||||
{ label: "Integritetspolicy", href: "#" },
|
||||
{ label: "Användarvillkor", href: "#" },
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookies", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Webild AB | Organisationsnummer: 123456-7890"
|
||||
copyrightText="© 2025 Webild AB | Organization Number: 123456-7890"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -21,11 +21,11 @@ import {
|
||||
|
||||
export default function ServicesPage() {
|
||||
const navItems = [
|
||||
{ name: "Hem", id: "/" },
|
||||
{ name: "Tjänster", id: "/services" },
|
||||
{ name: "Om Oss", id: "/about" },
|
||||
{ name: "Projekt", id: "/projects" },
|
||||
{ name: "Kontakt", id: "/contact" },
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Projects", id: "/projects" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
|
||||
return (
|
||||
@@ -52,35 +52,35 @@ export default function ServicesPage() {
|
||||
|
||||
<div id="services-detail" data-section="services-detail">
|
||||
<FeatureHoverPattern
|
||||
title="Våra kompletta tjänsteutbud"
|
||||
description="Vi specialiserar oss i ett brett spektrum av byggtjänster. Varje projekt behandlas med dedikation och professionalism för att uppnå dina mål."
|
||||
tag="Tjänstekatalog"
|
||||
title="Our Complete Service Portfolio"
|
||||
description="We specialize in a broad spectrum of construction services. Each project is treated with dedication and professionalism to achieve your goals."
|
||||
tag="Service Catalog"
|
||||
tagIcon={Wrench}
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
icon: Home,
|
||||
title: "Renovering", description: "Totalrenovering eller delrenovering av bostäder och lokaler med fokus på modern design och hållbarhet. Vi förstår att varje hem är unikt."
|
||||
title: "Renovation", description: "Complete or partial renovation of homes and commercial spaces with focus on modern design and sustainability. We understand that every home is unique."
|
||||
},
|
||||
{
|
||||
icon: Building2,
|
||||
title: "Nybyggnation", description: "Från ritning till slutbesiktning. Vi hanterar alla steg i processen för nya bostads- och kommersiella projekt med högsta kvalitet."
|
||||
title: "New Construction", description: "From design to final inspection. We handle all steps in the process for new residential and commercial projects with highest quality."
|
||||
},
|
||||
{
|
||||
icon: Droplet,
|
||||
title: "Badrum & Kök", description: "Specialiserad renovering av badrum och kök med fokus på funktionalitet, estetik och moderna lösningar."
|
||||
title: "Bathrooms & Kitchens", description: "Specialized renovation of bathrooms and kitchens with focus on functionality, aesthetics, and modern solutions."
|
||||
},
|
||||
{
|
||||
icon: Building2,
|
||||
title: "Tak & Fasadarbete", description: "Professionell installation och reparation av tak och fasader för långsiktig skydd, väderbeständighet och estetisk framtoning."
|
||||
title: "Roof & Facade Work", description: "Professional installation and repair of roofs and facades for long-term protection, weather resistance, and aesthetic appeal."
|
||||
},
|
||||
{
|
||||
icon: Plus,
|
||||
title: "Tillbyggnad", description: "Utöka din boendemiljö med väl planerade och genomförda tillbyggnader anpassade efter dina specifika behov."
|
||||
title: "Extensions", description: "Expand your living space with well-planned and executed extensions tailored to your specific needs."
|
||||
},
|
||||
{
|
||||
icon: Briefcase,
|
||||
title: "Totalentreprenad", description: "Komplett projektledning från planering till slutbesiktning för större byggprojekt med fullständig ansvar och övervakning."
|
||||
title: "General Contracting", description: "Complete project management from planning to final inspection for larger construction projects with full responsibility and oversight."
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -91,23 +91,23 @@ export default function ServicesPage() {
|
||||
|
||||
<div id="service-process" data-section="service-process">
|
||||
<MetricCardOne
|
||||
title="Vår arbetsgång för varje tjänst"
|
||||
description="Vi följer en strukturerad process för att säkerställa excellens i varje projekt, oavsett tjänst eller storlek."
|
||||
tag="Arbetsmetod"
|
||||
title="Our Workflow for Every Service"
|
||||
description="We follow a structured process to ensure excellence in every project, regardless of service or size."
|
||||
tag="Work Method"
|
||||
tagIcon={Hammer}
|
||||
tagAnimation="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "1", title: "Inspektion", description: "Vi gör en grundlig inspektion och diskuterar dina krav och budget för projektet.", icon: FileText
|
||||
id: "1", value: "1", title: "Inspection", description: "We conduct a thorough inspection and discuss your requirements and budget for the project.", icon: FileText
|
||||
},
|
||||
{
|
||||
id: "2", value: "2", title: "Design", description: "Tillsammans skapar vi en detaljerad plan och design som matchar dina visioner.", icon: FileText
|
||||
id: "2", value: "2", title: "Design", description: "Together we create a detailed plan and design that matches your vision.", icon: FileText
|
||||
},
|
||||
{
|
||||
id: "3", value: "3", title: "Utförande", description: "Vårt erfaren team genomför arbetet med precision och professionalism enligt tidsplan.", icon: Hammer
|
||||
id: "3", value: "3", title: "Execution", description: "Our experienced team carries out the work with precision and professionalism according to timeline.", icon: Hammer
|
||||
},
|
||||
{
|
||||
id: "4", value: "4", title: "Leverans", description: "Vi slutför projektet med en grundlig inspektioner och efterkontroller för ditt lugn.", icon: CheckSquare
|
||||
id: "4", value: "4", title: "Delivery", description: "We complete the project with thorough inspections and follow-ups for your peace of mind.", icon: CheckSquare
|
||||
}
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
@@ -119,26 +119,26 @@ export default function ServicesPage() {
|
||||
|
||||
<div id="service-cta" data-section="service-cta">
|
||||
<ContactFaq
|
||||
ctaTitle="Intresserad av någon tjänst?"
|
||||
ctaDescription="Kontakta oss för en kostnadsfri konsultation. Vi berättar mer om hur vi kan hjälpa ditt projekt framåt."
|
||||
ctaTitle="Interested in Any Service?"
|
||||
ctaDescription="Contact us for a free consultation. We tell you more about how we can help move your project forward."
|
||||
ctaButton={{
|
||||
text: "Boka möte", href: "/contact"
|
||||
text: "Book Meeting", href: "/contact"
|
||||
}}
|
||||
ctaIcon={Phone}
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "Vilka områden täcker ni?", content: "Vi är baserade i Stockholm men reser gärna för större projekt inom Stockholms län och omkringliggande regioner. Kontakta oss för att diskutera din plats."
|
||||
id: "1", title: "What areas do you cover?", content: "We are based in Stockholm but travel gladly for larger projects within Stockholm County and surrounding regions. Contact us to discuss your location."
|
||||
},
|
||||
{
|
||||
id: "2", title: "Kan ni jobba med befintliga arkitekter?", content: "Absolut! Vi samarbetar ofta med arkitekter och designers. Vi är flexibla och kan anpassa oss efter dina behov och krav."
|
||||
id: "2", title: "Can you work with existing architects?", content: "Absolutely! We often collaborate with architects and designers. We are flexible and can adapt to your needs and requirements."
|
||||
},
|
||||
{
|
||||
id: "3", title: "Erbjuder ni garanti på arbete?", content: "Ja, vi erbjuder 10 års garanti på allt arbete. Vi är fullt försäkrade och följer alla relevanta byggbestämmelser."
|
||||
id: "3", title: "Do you offer warranty on work?", content: "Yes, we offer 10 years warranty on all work. We are fully insured and comply with all relevant building regulations."
|
||||
},
|
||||
{
|
||||
id: "4", title: "Hur långa är projektens varaktighet?", content: "Det beror på projektets omfattning. Vi ger alltid en detaljerad tidsplan efter konsultationen. Vi strävar efter att slutföra projekten enligt överenskomst."
|
||||
id: "4", title: "How long do projects take?", content: "It depends on the project's scope. We always provide a detailed timeline after consultation. We strive to complete projects as agreed."
|
||||
}
|
||||
]}
|
||||
accordionAnimationType="smooth"
|
||||
@@ -149,32 +149,32 @@ export default function ServicesPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Företag", items: [
|
||||
{ label: "Om oss", href: "/about" },
|
||||
{ label: "Projekt", href: "/projects" },
|
||||
{ label: "Tjänster", href: "/services" },
|
||||
{ label: "Kontakt", href: "/contact" }
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Projects", href: "/projects" },
|
||||
{ label: "Services", href: "/services" },
|
||||
{ label: "Contact", href: "/contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Information", items: [
|
||||
{ label: "Certifiering", href: "#" },
|
||||
{ label: "Försäkringar", href: "#" },
|
||||
{ label: "ROT-avdrag", href: "#" },
|
||||
{ label: "Garantier", href: "#" }
|
||||
{ label: "Certification", href: "#" },
|
||||
{ label: "Insurance", href: "#" },
|
||||
{ label: "Tax Deductions", href: "#" },
|
||||
{ label: "Warranties", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Juridiskt", items: [
|
||||
{ label: "Integritetspolicy", href: "#" },
|
||||
{ label: "Användarvillkor", href: "#" },
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookies", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Webild AB | Organisationsnummer: 123456-7890"
|
||||
copyrightText="© 2025 Webild AB | Organization Number: 123456-7890"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -11,7 +11,7 @@ html {
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-inter-tight), sans-serif;
|
||||
font-family: var(--font-poppins), sans-serif;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overscroll-behavior: none;
|
||||
@@ -24,5 +24,5 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-inter-tight), sans-serif;
|
||||
font-family: var(--font-poppins), sans-serif;
|
||||
}
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
/* --background: #f7f6f7;;
|
||||
--card: #ffffff;;
|
||||
--foreground: #25190c;;
|
||||
--primary-cta: #ff6207;;
|
||||
--primary-cta: #ff8c42;;
|
||||
--secondary-cta: #ffffff;;
|
||||
--accent: #ffce93;;
|
||||
--background-accent: #e8cfa8;; */
|
||||
@@ -13,7 +13,7 @@
|
||||
--background: #f7f6f7;;
|
||||
--card: #ffffff;;
|
||||
--foreground: #25190c;;
|
||||
--primary-cta: #ff6207;;
|
||||
--primary-cta: #ff8c42;;
|
||||
--primary-cta-text: #f7f6f7;;
|
||||
--secondary-cta: #ffffff;;
|
||||
--secondary-cta-text: #25190c;;
|
||||
|
||||
Reference in New Issue
Block a user