Update src/app/page.tsx

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 ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
-import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
+import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
-import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
+import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
-import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import MediaAbout from '@/components/sections/about/MediaAbout';
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 
 export default function LandingPage() {
   return (
@@ -26,249 +26,107 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
+      <NavbarLayoutFloatingOverlay
       navItems={[
-        {
+        { name: "Hjem", id: "hero" },
-          name: "Hjem",
+        { name: "Om selskapet", id: "about" },
-          id: "hero",
+        { name: "Strategi", id: "features" },
-        },
+        { name: "Kontakt", id: "contact" },
-        {
-          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
+      <HeroOverlayTestimonial
-      background={{
-        variant: "radial-gradient",
-      }}
       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%",
+          name: "Investor",          handle: "@oslo",          testimonial: "Langsiktig fokus kombinert med grundig analyse skaper unike muligheter.",          rating: 5
-          label: "Langsiktig Fokus",
+        }
-        },
-        {
-          value: "Grundig",
-          label: "Analyse",
-        },
-        {
-          value: "Oslo",
-          label: "Lokasjon",
-        },
-      ]}
-      enableKpiAnimation={true}
-      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",
-        },
       ]}
+      buttons={[{ text: "Kontakt oss", href: "#contact" }]}
+      imageSrc="http://img.b2bpic.net/free-photo/top-view-desk-with-financial-instruments_23-2148285332.jpg?_wi=1"
     />
   </div>
 
   <div id="about" data-section="about">
-      <MetricSplitMediaAbout
+      <MediaAbout
-      useInvertedBackground={false}
       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={[
+      useInvertedBackground={false}
-        {
-          value: "Stabil",
-          title: "Avkastning",
-        },
-        {
-          value: "Ansvarlig",
-          title: "Kapitalforvaltning",
-        },
-        {
-          value: "Attraktiv",
-          title: "Muligheter",
-        },
-      ]}
       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"
+      title="Investeringsstrategi"
+      description="Vår investeringsstrategi bygger på grundige markedsanalyser og finansielle vurderinger for å maksimere verdiskaping."
       useInvertedBackground={false}
       features={[
         {
-          title: "Langsiktighet",
+          id: "1",          title: "Langsiktighet",          tags: ["Fokus", "Stabilitet"],
-          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"
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-statistics-presentation-with-arrow_23-2149023757.jpg",
         },
         {
-          title: "Diversifisering",
+          id: "2",          title: "Diversifisering",          tags: ["Risiko", "Portefølje"],
-          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"
-          imageSrc: "http://img.b2bpic.net/free-photo/fallen-wooden-pieces-green-stop-sign-concept_23-2148546847.jpg",
         },
         {
-          title: "Analyse og innsikt",
+          id: "3",          title: "Analyse og innsikt",          tags: ["Data", "Beslutninger"],
-          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"
-          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."
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqDouble
+      <FaqSplitText
-      textboxLayout="default"
+      sideTitle="Ofte stilte spørsmål"
-      useInvertedBackground={false}
+      sideDescription="Her finner du svar på de mest stilte spørsmålene knyttet til vår virksomhet."
-      title="Ofte stilte spørsmål"
-      description="Her finner du svar på de mest stilte spørsmålene knyttet til vår virksomhet."
       faqsAnimation="slide-up"
+      useInvertedBackground={false}
       faqs={[
-        {
+        { id: "1", title: "Hva er investeringsfokuset deres?", content: "Vi fokuserer primært på langsiktig verdiskaping gjennom aksjemarkedet." },
-          id: "1",
+        { id: "2", title: "Hvor holder dere til?", content: "Vi holder til i Langaards gate 5 i Oslo." },
-          title: "Hva er investeringsfokuset deres?",
+        { id: "3", title: "Hvordan kan jeg kontakte dere?", content: "Du kan ringe oss på 22 44 71 71 eller sende en henvendelse via kontaktknappen." }
-          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.",
-        },
       ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
+      <ContactSplitForm
-      useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
-      tag="Kontakt"
       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."
+      description="Ta gjerne kontakt for en uforpliktende samtale. Vi holder til i Langaards gate 5, 0260 Oslo."
-      buttons={[
+      useInvertedBackground={false}
-        {
+      inputs={[
-          text: "Ring oss",
+        { name: "navn", type: "text", placeholder: "Ditt navn" },
-          href: "tel:22447171",
+        { 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?_wi=2"
       columns={[
         {
-          title: "Selskap",
+          title: "Selskap",          items: [
-          items: [
+            { label: "Hjem", href: "#hero" },
-            {
+            { label: "Om oss", href: "#about" },
-              label: "Hjem",
+            { label: "Kontakt", href: "#contact" }
-              href: "#hero",
+          ]
-            },
+        }
-            {
-              label: "Om oss",
-              href: "#about",
-            },
-            {
-              label: "Kontakt",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Informasjon",
-          items: [
-            {
-              label: "Ansvarsfraskrivelse",
-              href: "#",
-            },
-          ],
-        },
       ]}
-      logoText="Bygdø alle 68"
-      copyrightText="© 2025 Aksjeselskapet Bygdø alle 68"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}