Switch to version 3: modified src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -3,16 +3,16 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import BlogCardThree from '@/components/sections/blog/BlogCardThree';
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import { Award, TrendingUp, Users, Mail, Phone, MapPin } from "lucide-react";
+import { Award, TrendingUp, Users } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -158,24 +158,23 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplitForm
+      <ContactCenter
-      title="Kontakta oss"
+      useInvertedBackground={false}
-      description="Vi är redo att hjälpa ditt företag. Skicka en förfrågan så återkommer vi så snart som möjligt."
+      background={{ variant: "rotated-rays-static" }}
-      inputs={[
+      tag="Kontakta oss"
-        { name: "namn", type: "text", placeholder: "Namn", required: true },
+      title="Börja din resa idag"
-        { name: "email", type: "email", placeholder: "E-post", required: true }
+      description="Vi ser fram emot att höra från dig och diskutera hur vi kan hjälpa ditt företag att nå nya höjder."
-      ]}
-      textarea={{ name: "meddelande", placeholder: "Ditt meddelande", rows: 4, required: true }}
       buttonText="Skicka förfrågan"
-      useInvertedBackground={true}
-      imageSrc="http://img.b2bpic.net/free-photo/office-desk-with-coffee-cup-tablet-laptop_23-2147746765.jpg"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
+      <FooterLogoEmphasis
+      columns={[
+        { items: [{ label: "Om oss", href: "#about" }, { label: "Tjänster", href: "#features" }] },
+        { items: [{ label: "Kontakt", href: "#contact" }, { label: "Integritetspolicy", href: "#" }] },
+      ]}
       logoText="CorpDesign"
-      copyrightText="© 2024 CorpDesign AB | Alla rättigheter förbehållna"
     />
   </div>
       </ReactLenis>