src/app/page.tsx

@@ -3,16 +3,16 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactText from '@/components/sections/contact/ContactText';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroSplit from '@/components/sections/hero/HeroSplit';
-import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
-import { Award, Leaf, Shield, ShieldCheck, Star, Truck } from "lucide-react";
+import { Award, Leaf, Shield, ShieldCheck, Star, Truck, Mail, Phone, MapPin } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -30,14 +30,13 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
+      <NavbarStyleCentered
       navItems={[
         { name: "Products", id: "#products" },
         { name: "About", id: "#about" },
         { name: "Contact", id: "#contact" },
       ]}
       brandName="Maharaja Foods"
-      button={{ text: "Get Started", href: "#contact" }}
     />
   </div>
 
@@ -165,24 +164,22 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{ variant: "rotated-rays-static" }}
-      tag="Contact Us"
-      title="Join the Family"
-      description="Subscribe for exclusive news, recipes, and seasonal member-only drops."
+      <ContactText
+      text="Connect with our culinary team for personalized service and bulk inquiries."
+      background={{ variant: "sparkles-gradient" }}
+      buttons={[{ text: "Contact Support", href: "mailto:support@maharajafoods.com" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseReveal
+      <FooterCard
       logoText="Maharaja Foods"
-      columns={[
-        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
-        { title: "Help", items: [{ label: "Support", href: "#" }, { label: "Shipping", href: "#" }] },
-        { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
+      copyrightText="© 2025 Maharaja Foods. All rights reserved."
+      socialLinks={[
+        { icon: Mail, href: "#", ariaLabel: "Email" },
+        { icon: Phone, href: "#", ariaLabel: "Phone" },
+        { icon: MapPin, href: "#", ariaLabel: "Location" }
       ]}
-      copyrightText="© 2024 Maharaja Foods Inc. All rights reserved."
     />
   </div>
       </ReactLenis>