Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -2,14 +2,13 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
+import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import TeamCardOne from '@/components/sections/team/TeamCardOne';
+import TeamCardFive from '@/components/sections/team/TeamCardFive';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
-import { Globe, Scale, ShieldCheck } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -29,22 +28,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
+        { name: "Hjem", id: "hero" },
-          name: "Hjem",
+        { name: "Om Oss", id: "about" },
-          id: "hero",
+        { name: "Tjenester", id: "features" },
-        },
+        { name: "Kontakt", id: "contact" },
-        {
-          name: "Om Oss",
-          id: "about",
-        },
-        {
-          name: "Tjenester",
-          id: "features",
-        },
-        {
-          name: "Kontakt",
-          id: "contact",
-        },
       ]}
       brandName="Forvis Mazars Advokater"
     />
@@ -53,101 +40,17 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitTestimonial
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars",
-      }}
       title="Juridisk Ekspertise med Global Rekkevidde"
       description="Forvis Mazars Advokater AS tilbyr spesialisert juridisk rådgivning for bedrifter. Vi kombinerer lokal tilstedeværelse med internasjonalt nettverk for å gi deg de beste løsningene."
       testimonials={[
-        {
+        { name: "Juan David Alexander Myrann", handle: "Coliving AS", testimonial: "Profesjonelle, tilgjengelige og med sterk forretningsforståelse.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg" },
-          name: "Juan David Alexander Myrann",
+        { name: "Per Vinje (Kunde)", handle: "Klient", testimonial: "Per Vinje er stødig, dyktig og kunnskapsrik.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-street-background-metrosexual_158538-10540.jpg?_wi=1" },
-          handle: "Coliving AS",
-          testimonial: "Profesjonelle, tilgjengelige og med sterk forretningsforståelse. De har håndtert en kompleks sak med trygghet og tydelig kommunikasjon.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",
-        },
-        {
-          name: "Per Vinje (Kunde)",
-          handle: "Klient",
-          testimonial: "Per Vinje er stødig, dyktig og kunnskapsrik. Jeg hadde behov for juridisk råd... og takket være hans bistand ble dette tatt ved roten umiddelbart.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-street-background-metrosexual_158538-10540.jpg?_wi=1",
-        },
-        {
-          name: "Torgeir Andorsen",
-          handle: "Klient",
-          testimonial: "Svært kompetent gjeng med spesialist kompetanse på ulike områder. Internasjonalt selskap... anbefales på det sterkeste.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businesswoman-eyeglasses_1262-5856.jpg?_wi=1",
-        },
-        {
-          name: "Simon M. Egeberg",
-          handle: "Klient",
-          testimonial: "Jeg kan på det varmeste anbefale Per Vinje og advokatfirmaet Mazar Legal. Per stilte opp på dagen.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-handsome-business-man-suit_613910-11300.jpg?_wi=1",
-        },
-        {
-          name: "Elin Hansen",
-          handle: "Bedrift",
-          testimonial: "Glimrende oppfølging og profesjonell håndtering av våre juridiske behov. Veldig fornøyd med samarbeidet.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Kontakt Oss",
-          href: "#contact",
-        },
       ]}
+      buttons={[{ text: "Kontakt Oss", href: "#contact" }]}
       imageSrc="http://img.b2bpic.net/free-photo/office-working-desktop-xa_1421-574.jpg"
       mediaAnimation="slide-up"
-      avatars={[
+      marqueeItems={[{ type: "text", text: "Forretningsjus" }, { type: "text", text: "Selskapsrett" }, { type: "text", text: "Tvisteløsning" }, { type: "text", text: "Compliance" }, { type: "text", text: "Internasjonal rett" }]}
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-street-background-metrosexual_158538-10540.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/successful-senior-businesswoman-eyeglasses_1262-5856.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-happy-handsome-business-man-suit_613910-11300.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
-          alt: "Client 5",
-        },
-      ]}
-      avatarText="Betrodd av over 500+ norske bedrifter"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Forretningsjus",
-        },
-        {
-          type: "text",
-          text: "Selskapsrett",
-        },
-        {
-          type: "text",
-          text: "Tvisteløsning",
-        },
-        {
-          type: "text",
-          text: "Compliance",
-        },
-        {
-          type: "text",
-          text: "Internasjonal rett",
-        },
-      ]}
     />
   </div>
 
@@ -156,33 +59,18 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Vår Filosofi"
       description={[
-        "Hos Forvis Mazars Advokater AS er klienten alltid i fokus. Vi kombinerer dyp juridisk kompetanse med forretningsforståelse for å skape verdier.",
+        "Hos Forvis Mazars Advokater AS er klienten alltid i fokus. Vi kombinerer dyp juridisk kompetanse med forretningsforståelse for å skape verdier.",        "Med et globalt nettverk og sterke lokale kontorer, er vi alltid tilgjengelige der du trenger oss mest."]}
-        "Med et globalt nettverk og sterke lokale kontorer, er vi alltid tilgjengelige der du trenger oss mest.",
-      ]}
     />
   </div>
 
   <div id="features" data-section="features">
-      <FeatureBorderGlow
+      <FeatureCardEight
-      animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
+        { title: "Forretningsjus", description: "Spesialistkompetanse innen kontrakter, tvisteløsning og selskapsrett.", imageSrc: "http://img.b2bpic.net/free-photo/business-concept-with-tablet_23-2149176317.jpg" },
-          icon: Scale,
+        { title: "Internasjonal bistand", description: "Globalt nettverk som gjør det enkelt å få bistand i de fleste situasjoner.", imageSrc: "http://img.b2bpic.net/free-photo/world-map-global-business-concept_23-2149021703.jpg" },
-          title: "Forretningsjus",
+        { title: "Compliance", description: "Vi sikrer at din bedrift etterlever gjeldende lover og regler til enhver tid.", imageSrc: "http://img.b2bpic.net/free-photo/security-concept-with-lock_23-2149176317.jpg" },
-          description: "Spesialistkompetanse innen kontrakter, tvisteløsning og selskapsrett.",
-        },
-        {
-          icon: Globe,
-          title: "Internasjonal bistand",
-          description: "Globalt nettverk som gjør det enkelt å få bistand i de fleste situasjoner.",
-        },
-        {
-          icon: ShieldCheck,
-          title: "Compliance",
-          description: "Vi sikrer at din bedrift etterlever gjeldende lover og regler til enhver tid.",
-        },
       ]}
       title="Våre Tjenesteområder"
       description="Vi bistår med omfattende juridisk støtte tilpasset din bedrifts behov."
@@ -190,85 +78,37 @@ export default function LandingPage() {
   </div>
 
   <div id="team" data-section="team">
-      <TeamCardOne
+      <TeamCardFive
       animationType="slide-up"
       textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
-      title="Våre Advokre partnere"
+      title="Våre Advokatpartnere"
       description="Møt vårt erfarne team av dedikerte advokater."
-      members={[
+      team={[
-        {
+        { id: "1", name: "Per Vinje", role: "Partner", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-street-background-metrosexual_158538-10540.jpg?_wi=2" },
-          id: "1",
+        { id: "2", name: "Anne Berit", role: "Senioradvokat", imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businesswoman-eyeglasses_1262-5856.jpg?_wi=2" },
-          name: "Per Vinje",
-          role: "Partner",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-street-background-metrosexual_158538-10540.jpg?_wi=2",
-        },
-        {
-          id: "2",
-          name: "Anne Berit",
-          role: "Senioradvokat",
-          imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businesswoman-eyeglasses_1262-5856.jpg?_wi=2",
-        },
-        {
-          id: "3",
-          name: "Jonas Olsen",
-          role: "Advokat",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-handsome-business-man-suit_613910-11300.jpg?_wi=2",
-        },
       ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <ContactSplit
+      tag="Kontakt"
+      title="Ta kontakt"
+      description="Vi er her for å hjelpe deg med dine juridiske spørsmål. Send oss en melding."
+      background={{ variant: "rotated-rays-static" }}
       useInvertedBackground={false}
-      background={{
+      imageSrc="http://img.b2bpic.net/free-photo/confident-business-woman-modern-office_1262-1110.jpg"
-        variant: "rotated-rays-static",
-      }}
-      text="Har du spørsmål eller trenger juridisk bistand? Ta kontakt med oss i dag for en uforpliktende prat."
-      buttons={[
-        {
-          text: "Send E-post",
-          href: "mailto:kontakt@forvismazars.no",
-        },
-      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
+      <FooterBaseReveal
-      columns={[
-        {
-          items: [
-            {
-              label: "Om Oss",
-              href: "#about",
-            },
-            {
-              label: "Tjenester",
-              href: "#features",
-            },
-            {
-              label: "Kontakt",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Personvernerklæring",
-              href: "#",
-            },
-            {
-              label: "Vilkår",
-              href: "#",
-            },
-          ],
-        },
-      ]}
       logoText="Forvis Mazars Advokater AS"
+      columns={[
+        { title: "Tjenester", items: [{ label: "Forretningsjus", href: "#" }, { label: "Compliance", href: "#" }] },
+        { title: "Bedrift", items: [{ label: "Om Oss", href: "#about" }, { label: "Kontakt", href: "#contact" }] }
+      ]}
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #f5faff;
-  --card: #f9f9f9;
+  --card: #f1f8ff;
-  --foreground: #000612e6;
+  --foreground: #001122;
   --primary-cta: #15479c;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #000612e6;
-  --accent: #e2e2e2;
+  --accent: #a8cce8;
-  --background-accent: #c4c4c4;
+  --background-accent: #7ba3cf;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);