Merge version_2 into main

Merge version_2 into main

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,25 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
+      <ContactText
+      background={{ variant: "sparkles-gradient" }}
       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"
+      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>
   );
-}
+}