Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -2,14 +2,14 @@
 
 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 FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
-import { CheckCircle, Clock, Leaf, Shield, ShieldCheck, Smartphone, Sparkles, Star, User, UserCheck } from "lucide-react";
+import { CheckCircle, Clock, Leaf, Mail, MapPin, Phone, Shield, ShieldCheck, Smartphone, Sparkles, Star, User, UserCheck } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -206,30 +206,31 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "plain"}}
-      tag="Kontakt oss"
-      title="Klar for et renere hjem?"
-      description="Vi svarer raskt på alle henvendelser."
-      buttons={[
-        {
-          text: "Send forespørsel"},
-      ]}
-    />
+      <ContactSplitForm
+        title="Kontakt oss"
+        description="La oss hjelpe deg med et renere hjem i dag."
+        inputs={[
+            { name: "name", type: "text", placeholder: "Navn", required: true },
+            { name: "email", type: "email", placeholder: "E-post", required: true }
+        ]}
+        textarea={{ name: "message", placeholder: "Beskriv ditt behov", rows: 4, required: true }}
+        useInvertedBackground={false}
+        imageSrc="http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349265.jpg"
+      />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="Freska Norge"
-      leftLink={{
-        text: "Personvern",        href: "#"}}
-      rightLink={{
-        text: "Vilkår",        href: "#"}}
+      <FooterCard
+        logoText="Freska Norge"
+        copyrightText="© 2025 | Freska Norge. Alle rettigheter reservert."
+        socialLinks={[
+            { icon: Mail, href: "#", ariaLabel: "E-post" },
+            { icon: Phone, href: "#", ariaLabel: "Telefon" },
+            { icon: MapPin, href: "#", ariaLabel: "Adresse" }
+        ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}