From ad926c314b2b8681c00df17174b76900125d9140 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 8 Apr 2026 14:30:11 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 257 +++++++++++------------------------------------
 1 file changed, 56 insertions(+), 201 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index c7a5c29..27222c0 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,13 +2,13 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
-import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
-import FooterBase from '@/components/sections/footer/FooterBase';
-import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
-import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
+import MediaAbout from '@/components/sections/about/MediaAbout';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 
 export default function LandingPage() {
   return (
@@ -26,249 +26,104 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
+      <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Hjem",
-          id: "hero",
-        },
-        {
-          name: "Om selskapet",
-          id: "about",
-        },
-        {
-          name: "Strategi",
-          id: "features",
-        },
-        {
-          name: "Kontakt",
-          id: "contact",
-        },
+        { name: "Hjem", id: "hero" },
+        { name: "Om selskapet", id: "about" },
+        { name: "Strategi", id: "features" },
+        { name: "Kontakt", id: "contact" },
       ]}
       brandName="Bygdø alle 68"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroSplitKpi
-      background={{
-        variant: "radial-gradient",
-      }}
+      <HeroOverlayTestimonial
       title="Aksjeselskapet Bygdø alle 68"
       description="Strategiske investeringer for langsiktig vekst. Vi arbeider målrettet for å skape langsiktig verdivekst gjennom strategiske investeringer."
-      kpis={[
+      testimonials={[
         {
-          value: "100%",
-          label: "Langsiktig Fokus",
-        },
-        {
-          value: "Grundig",
-          label: "Analyse",
-        },
-        {
-          value: "Oslo",
-          label: "Lokasjon",
-        },
-      ]}
-      enableKpiAnimation={true}
-      buttons={[
-        {
-          text: "Kontakt oss",
-          href: "#contact",
-        },
+          name: "Investor",          handle: "@oslo",          testimonial: "Langsiktig fokus kombinert med grundig analyse skaper unike muligheter.",          rating: 5
+        }
       ]}
+      buttons={[{ text: "Kontakt oss", href: "#contact" }]}
       imageSrc="http://img.b2bpic.net/free-photo/top-view-desk-with-financial-instruments_23-2148285332.jpg"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-workspace-with-computer-screen-lamp_23-2148821897.jpg",
-          alt: "Team member 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-workspace-with-computer-screen-lamp_23-2148821897.jpg",
-          alt: "Team member 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-workspace-with-computer-screen-lamp_23-2148821897.jpg",
-          alt: "Team member 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-workspace-with-computer-screen-lamp_23-2148821897.jpg",
-          alt: "Team member 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-workspace-with-computer-screen-lamp_23-2148821897.jpg",
-          alt: "Team member 5",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Langsiktig Vekst",
-        },
-        {
-          type: "text",
-          text: "Strategisk Forvaltning",
-        },
-        {
-          type: "text",
-          text: "Grundig Analyse",
-        },
-        {
-          type: "text",
-          text: "Risikostyring",
-        },
-        {
-          type: "text",
-          text: "Oslo-basert",
-        },
-      ]}
     />
   </div>
 
   <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={false}
+      <MediaAbout
       title="Om selskapet"
       description="Aksjeselskapet Bygdø alle 68 driver med investering i aksjemarkedet og relaterte finansielle instrumenter. Vår strategi er basert på grundige analyser, risikostyring og et langsiktig perspektiv."
-      metrics={[
-        {
-          value: "Stabil",
-          title: "Avkastning",
-        },
-        {
-          value: "Ansvarlig",
-          title: "Kapitalforvaltning",
-        },
-        {
-          value: "Attraktiv",
-          title: "Muligheter",
-        },
-      ]}
+      useInvertedBackground={false}
       imageSrc="http://img.b2bpic.net/free-photo/front-view-workspace-with-computer-screen-lamp_23-2148821897.jpg"
-      mediaAnimation="slide-up"
-      metricsAnimation="slide-up"
     />
   </div>
 
   <div id="features" data-section="features">
-      <FeatureCardThree
+      <FeatureCardTwentyThree
       animationType="slide-up"
       textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Langsiktighet",
-          description: "Vi investerer med et langsiktig perspektiv for å maksimere verdiskaping.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-statistics-presentation-with-arrow_23-2149023757.jpg",
-        },
-        {
-          title: "Diversifisering",
-          description: "Porteføljen spres på ulike sektorer og markeder for å redusere risiko.",
-          imageSrc: "http://img.b2bpic.net/free-photo/fallen-wooden-pieces-green-stop-sign-concept_23-2148546847.jpg",
-        },
-        {
-          title: "Analyse og innsikt",
-          description: "Vi baserer våre beslutninger på grundige markedsanalyser og finansielle vurderinger.",
-          imageSrc: "http://img.b2bpic.net/free-photo/economic-impact-decrease-due-coronavirus-pandemic-background_53876-138952.jpg",
-        },
-      ]}
       title="Investeringsstrategi"
       description="Vår investeringsstrategi bygger på grundige markedsanalyser og finansielle vurderinger for å maksimere verdiskaping."
+      features={[
+        {
+          id: "1",          title: "Langsiktighet",          tags: ["Fokus", "Stabilitet"],
+          imageSrc: "http://img.b2bpic.net/free-photo/top-view-statistics-presentation-with-arrow_23-2149023757.jpg"
+        },
+        {
+          id: "2",          title: "Diversifisering",          tags: ["Risiko", "Portefølje"],
+          imageSrc: "http://img.b2bpic.net/free-photo/fallen-wooden-pieces-green-stop-sign-concept_23-2148546847.jpg"
+        },
+        {
+          id: "3",          title: "Analyse og innsikt",          tags: ["Data", "Beslutninger"],
+          imageSrc: "http://img.b2bpic.net/free-photo/economic-impact-decrease-due-coronavirus-pandemic-background_53876-138952.jpg"
+        }
+      ]}
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Ofte stilte spørsmål"
-      description="Her finner du svar på de mest stilte spørsmålene knyttet til vår virksomhet."
+      <FaqSplitText
+      sideTitle="Ofte stilte spørsmål"
+      sideDescription="Her finner du svar på de mest stilte spørsmålene knyttet til vår virksomhet."
       faqsAnimation="slide-up"
       faqs={[
-        {
-          id: "1",
-          title: "Hva er investeringsfokuset deres?",
-          content: "Vi fokuserer primært på langsiktig verdiskaping gjennom aksjemarkedet.",
-        },
-        {
-          id: "2",
-          title: "Hvor holder dere til?",
-          content: "Vi holder til i Langaards gate 5 i Oslo.",
-        },
-        {
-          id: "3",
-          title: "Hvordan kan jeg kontakte dere?",
-          content: "Du kan ringe oss på 22 44 71 71 eller sende en henvendelse via kontaktknappen.",
-        },
-        {
-          id: "4",
-          title: "Er investeringene deres diversifiserte?",
-          content: "Ja, diversifisering er en kjernekomponent i vår risikostyring.",
-        },
-        {
-          id: "5",
-          title: "Hva er deres investeringsfilosofi?",
-          content: "Grundig analyse kombinert med et disiplinert, langsiktig perspektiv.",
-        },
+        { id: "1", title: "Hva er investeringsfokuset deres?", content: "Vi fokuserer primært på langsiktig verdiskaping gjennom aksjemarkedet." },
+        { id: "2", title: "Hvor holder dere til?", content: "Vi holder til i Langaards gate 5 i Oslo." },
+        { id: "3", title: "Hvordan kan jeg kontakte dere?", content: "Du kan ringe oss på 22 44 71 71 eller sende en henvendelse via kontaktknappen." }
       ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
-      tag="Kontakt"
+      <ContactSplitForm
       title="Har du spørsmål?"
-      description="Ta gjerne kontakt for en uforpliktende samtale. Vi holder til i Langaards gate 5, 0260 Oslo. Telefon: 22 44 71 71."
-      buttons={[
-        {
-          text: "Ring oss",
-          href: "tel:22447171",
-        },
+      description="Ta gjerne kontakt for en uforpliktende samtale. Vi holder til i Langaards gate 5, 0260 Oslo."
+      inputs={[
+        { name: "navn", type: "text", placeholder: "Ditt navn" },
+        { name: "epost", type: "email", placeholder: "Din e-post" }
       ]}
+      textarea={{ name: "beskjed", placeholder: "Beskjed" }}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBase
+      <FooterMedia
+      logoText="Bygdø alle 68"
+      imageSrc="http://img.b2bpic.net/free-photo/top-view-desk-with-financial-instruments_23-2148285332.jpg"
       columns={[
         {
-          title: "Selskap",
-          items: [
-            {
-              label: "Hjem",
-              href: "#hero",
-            },
-            {
-              label: "Om oss",
-              href: "#about",
-            },
-            {
-              label: "Kontakt",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Informasjon",
-          items: [
-            {
-              label: "Ansvarsfraskrivelse",
-              href: "#",
-            },
-          ],
-        },
+          title: "Selskap",          items: [
+            { label: "Hjem", href: "#hero" },
+            { label: "Om oss", href: "#about" },
+            { label: "Kontakt", href: "#contact" }
+          ]
+        }
       ]}
-      logoText="Bygdø alle 68"
-      copyrightText="© 2025 Aksjeselskapet Bygdø alle 68"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file