Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -2,17 +2,17 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
-import { Leaf, Recycle, ShieldCheck, Sparkles, Mail, Phone, MapPin } from "lucide-react";
+import { Leaf, Recycle, ShieldCheck, Sparkles } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -142,23 +142,21 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplitForm
+      <ContactCenter
-      title="Get in Touch"
+      tag="Contact Us"
-      description="Have questions or need a personalized consultation? Reach out and our team will get back to you within 24 hours."
+      title="Stay Connected"
-      inputs={[
+      description="Subscribe to our newsletter for exclusive offers and skincare tips."
-        { name: "name", type: "text", placeholder: "Full Name", required: true },
+      inputPlaceholder="Enter your email address"
-        { name: "email", type: "email", placeholder: "Email Address", required: true },
+      buttonText="Subscribe"
-      ]}
-      textarea={{ name: "message", placeholder: "How can we help?", rows: 4 }}
       useInvertedBackground={false}
-      buttonText="Send Message"
+      background={{ variant: "rotated-rays-static" }}
-      imageSrc="http://img.b2bpic.net/free-photo/close-up-friendly-amazed-young-caucasian-female-stylish-top-with-open-shoulders-looking-with-happy-excited-smile-keeping-hands-her-chest-expressing-positive-attitude_343059-2985.jpg"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterMedia
       logoText="Lumina"
+      imageSrc="http://img.b2bpic.net/free-photo/skincare-products-top-view_23-2148721204.jpg"
       columns={[
         { title: "Shop", items: [{ label: "All Products", href: "#" }, { label: "Serum", href: "#" }] },
         { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
@@ -170,4 +168,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}