Merge version_2 into main #2
229
src/app/page.tsx
229
src/app/page.tsx
@@ -2,13 +2,14 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import { HardHat, Users, FileCheck } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -28,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Inspection", id: "contact" },
|
||||
]}
|
||||
brandName="Bolas Stilladser"
|
||||
/>
|
||||
@@ -51,42 +40,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Precision Scaffolding for Engineering Excellence"
|
||||
description="Bolas Stilladser delivers high-level structural integrity and safety for the most ambitious construction tenders."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request A Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Request A Quote", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWt7C8tDjdxv2UF6cuPhCUQhKi/a-high-end-cinematic-3d-render-of-a-comp-1774616537165-75abac41.png?_wi=1",
|
||||
imageAlt: "Cinematic Scaffolding 3D Render",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWt7C8tDjdxv2UF6cuPhCUQhKi/a-high-end-cinematic-3d-render-of-a-comp-1774616537165-75abac41.png?_wi=2",
|
||||
imageAlt: "Cinematic Scaffolding 3D Render",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWt7C8tDjdxv2UF6cuPhCUQhKi/a-high-end-cinematic-3d-render-of-a-comp-1774616537165-75abac41.png?_wi=3",
|
||||
imageAlt: "Cinematic Scaffolding 3D Render",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWt7C8tDjdxv2UF6cuPhCUQhKi/a-high-end-cinematic-3d-render-of-a-comp-1774616537165-75abac41.png?_wi=4",
|
||||
imageAlt: "Cinematic Scaffolding 3D Render",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWt7C8tDjdxv2UF6cuPhCUQhKi/a-high-end-cinematic-3d-render-of-a-comp-1774616537165-75abac41.png?_wi=5",
|
||||
imageAlt: "Cinematic Scaffolding 3D Render",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWt7C8tDjdxv2UF6cuPhCUQhKi/a-high-end-cinematic-3d-render-of-a-comp-1774616537165-75abac41.png?_wi=6",
|
||||
imageAlt: "Cinematic Scaffolding 3D Render",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWt7C8tDjdxv2UF6cuPhCUQhKi/a-high-end-cinematic-3d-render-of-a-comp-1774616537165-75abac41.png?_wi=1", imageAlt: "Cinematic Scaffolding 3D Render" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWt7C8tDjdxv2UF6cuPhCUQhKi/a-high-end-cinematic-3d-render-of-a-comp-1774616537165-75abac41.png?_wi=2", imageAlt: "Cinematic Scaffolding 3D Render" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWt7C8tDjdxv2UF6cuPhCUQhKi/a-high-end-cinematic-3d-render-of-a-comp-1774616537165-75abac41.png?_wi=3", imageAlt: "Cinematic Scaffolding 3D Render" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWt7C8tDjdxv2UF6cuPhCUQhKi/a-high-end-cinematic-3d-render-of-a-comp-1774616537165-75abac41.png?_wi=4", imageAlt: "Cinematic Scaffolding 3D Render" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWt7C8tDjdxv2UF6cuPhCUQhKi/a-high-end-cinematic-3d-render-of-a-comp-1774616537165-75abac41.png?_wi=5", imageAlt: "Cinematic Scaffolding 3D Render" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWt7C8tDjdxv2UF6cuPhCUQhKi/a-high-end-cinematic-3d-render-of-a-comp-1774616537165-75abac41.png?_wi=6", imageAlt: "Cinematic Scaffolding 3D Render" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -98,21 +62,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Facade Systems",
|
||||
description: "High-load facade structures for complex urban restoration projects.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWt7C8tDjdxv2UF6cuPhCUQhKi/a-detailed-bento-style-card-image-featur-1774616530123-29db1605.png",
|
||||
},
|
||||
{
|
||||
title: "Mobile Towers",
|
||||
description: "Versatile mobile solutions for flexible access and assembly speed.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWt7C8tDjdxv2UF6cuPhCUQhKi/a-bento-style-card-image-showing-mobile--1774616523793-a9f31289.png",
|
||||
},
|
||||
{
|
||||
title: "Temporary Roofs",
|
||||
description: "Large-span temporary roofing to keep your projects on schedule regardless of weather.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWt7C8tDjdxv2UF6cuPhCUQhKi/a-bento-style-card-image-showing-tempora-1774616540878-08e2712e.png",
|
||||
},
|
||||
{ title: "Facade Systems", description: "High-load facade structures for complex urban restoration projects.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWt7C8tDjdxv2UF6cuPhCUQhKi/a-detailed-bento-style-card-image-featur-1774616530123-29db1605.png" },
|
||||
{ title: "Mobile Towers", description: "Versatile mobile solutions for flexible access and assembly speed.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWt7C8tDjdxv2UF6cuPhCUQhKi/a-bento-style-card-image-showing-mobile--1774616523793-a9f31289.png" },
|
||||
{ title: "Temporary Roofs", description: "Large-span temporary roofing to keep your projects on schedule regardless of weather.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWt7C8tDjdxv2UF6cuPhCUQhKi/a-bento-style-card-image-showing-tempora-1774616540878-08e2712e.png" },
|
||||
]}
|
||||
title="Comprehensive Scaffolding Solutions"
|
||||
description="Engineering-first approach to all temporary construction infrastructure."
|
||||
@@ -125,41 +77,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Residential",
|
||||
price: "Contact",
|
||||
subtitle: "Safety-first residential scaffolding solutions.",
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Full Site Assessment",
|
||||
"Safety Certification",
|
||||
"On-time Handover",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Commercial",
|
||||
price: "Tender-based",
|
||||
subtitle: "High-scale engineering for multi-floor developments.",
|
||||
buttons: [
|
||||
{
|
||||
text: "Request Tender",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"3D Site Modeling",
|
||||
"Dedicated Engineer",
|
||||
"Priority Maintenance",
|
||||
"Compliance Assurance",
|
||||
],
|
||||
},
|
||||
{ id: "basic", badge: "Residential", price: "Contact", subtitle: "Safety-first residential scaffolding solutions.", buttons: [{ text: "Get Quote", href: "#contact" }], features: ["Full Site Assessment", "Safety Certification", "On-time Handover"] },
|
||||
{ id: "pro", badge: "Commercial", price: "Tender-based", subtitle: "High-scale engineering for multi-floor developments.", buttons: [{ text: "Request Tender", href: "#contact" }], features: ["3D Site Modeling", "Dedicated Engineer", "Priority Maintenance", "Compliance Assurance"] },
|
||||
]}
|
||||
title="Transparent Tender Pricing"
|
||||
description="Competitive tiers tailored for residential safety and large commercial tenders."
|
||||
@@ -171,38 +90,10 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "High Precision",
|
||||
quote: "The engineering depth Bolas brings to scaffolding is unmatched in the industry.",
|
||||
name: "Erik Jensen",
|
||||
role: "Lead Engineer",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWt7C8tDjdxv2UF6cuPhCUQhKi/construction-site-background-with-clean--1774616524608-9cea6c97.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Always Safe",
|
||||
quote: "Safety protocols and structural calculations were flawlessly executed.",
|
||||
name: "Mette Nielsen",
|
||||
role: "Site Manager",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWt7C8tDjdxv2UF6cuPhCUQhKi/construction-site-background-with-clean--1774616524608-9cea6c97.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Fast Deployment",
|
||||
quote: "Impressive agility in deploying large-scale commercial roofing systems.",
|
||||
name: "Lars Holm",
|
||||
role: "Contractor",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWt7C8tDjdxv2UF6cuPhCUQhKi/construction-site-background-with-clean--1774616524608-9cea6c97.png?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Great Partner",
|
||||
quote: "Bolas Stilladser represents the gold standard in scaffolding partner reliability.",
|
||||
name: "Anna Berg",
|
||||
role: "Project Owner",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWt7C8tDjdxv2UF6cuPhCUQhKi/construction-site-background-with-clean--1774616524608-9cea6c97.png?_wi=4",
|
||||
},
|
||||
{ id: "1", title: "High Precision", quote: "The engineering depth Bolas brings to scaffolding is unmatched in the industry.", name: "Erik Jensen", role: "Lead Engineer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWt7C8tDjdxv2UF6cuPhCUQhKi/construction-site-background-with-clean--1774616524608-9cea6c97.png?_wi=1" },
|
||||
{ id: "2", title: "Always Safe", quote: "Safety protocols and structural calculations were flawlessly executed.", name: "Mette Nielsen", role: "Site Manager", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWt7C8tDjdxv2UF6cuPhCUQhKi/construction-site-background-with-clean--1774616524608-9cea6c97.png?_wi=2" },
|
||||
{ id: "3", title: "Fast Deployment", quote: "Impressive agility in deploying large-scale commercial roofing systems.", name: "Lars Holm", role: "Contractor", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWt7C8tDjdxv2UF6cuPhCUQhKi/construction-site-background-with-clean--1774616524608-9cea6c97.png?_wi=3" },
|
||||
{ id: "4", title: "Great Partner", quote: "Bolas Stilladser represents the gold standard in scaffolding partner reliability.", name: "Anna Berg", role: "Project Owner", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWt7C8tDjdxv2UF6cuPhCUQhKi/construction-site-background-with-clean--1774616524608-9cea6c97.png?_wi=4" },
|
||||
]}
|
||||
title="Engineered Trust"
|
||||
description="What our construction partners say about our technical rigor."
|
||||
@@ -210,76 +101,24 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
tag="Final Inspection"
|
||||
title="Book Your Site Inspection"
|
||||
description="Ready to elevate your project safety and efficiency? Let's discuss your requirements."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWt7C8tDjdxv2UF6cuPhCUQhKi/a-cinematic-high-impact-scene-featuring--1774616524427-5dd87eea.png"
|
||||
mediaAnimation="blur-reveal"
|
||||
mediaPosition="left"
|
||||
buttonText="Schedule Now"
|
||||
<ContactText
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready for your final site inspection? Let's ensure your scaffolding meets every safety standard for total peace of mind."
|
||||
buttons={[{ text: "Initiate Inspection", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
<FooterCard
|
||||
logoText="Bolas Stilladser"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Facade",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Mobile",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Roofing",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "Tenders",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Engineering",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
socialLinks={[
|
||||
{ icon: HardHat, href: "#", ariaLabel: "Scaffolding Services" },
|
||||
{ icon: Users, href: "#", ariaLabel: "Team" },
|
||||
{ icon: FileCheck, href: "#", ariaLabel: "Inspections" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user