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 ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
-import { Award, Flame, Leaf, Shield, Truck, Utensils, MapPin, Phone, Clock } from "lucide-react";
+import { Award, Flame, Leaf, Shield, Truck, Utensils, MapPin, Phone, Clock, MessageCircle } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -159,41 +159,29 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{ variant: "plain" }}
-      tag="Book Now"
+      <ContactSplitForm
       title="Contact Ejaz Foods"
-      description="Located at 123 Heritage Ave. Give us a call or send a message to book your spot today!"
-      buttons={[
-        { text: "Call Us: (555) 123-4567", href: "tel:+15551234567" },
-        { text: "Reserve via Email", href: "mailto:info@ejazfoods.com" },
+      description="Visit us at 123 Heritage Ave or reach out via WhatsApp for reservations and inquiries."
+      inputs={[
+          { name: "name", type: "text", placeholder: "Full Name", required: true },
+          { name: "email", type: "email", placeholder: "Email Address", required: true }
       ]}
+      textarea={{ name: "message", placeholder: "How can we help?", required: true }}
+      mediaPosition="right"
+      imageSrc="http://img.b2bpic.net/free-photo/map-location-concept_23-2147775971.jpg"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157823.jpg"
+      <FooterLogoEmphasis
       logoText="Ejaz Foods"
       columns={[
-        {
-          title: "Quick Links",          items: [
-            { label: "Menu", href: "#products" },
-            { label: "About Us", href: "#about" },
-            { label: "FAQ", href: "#faq" },
-          ],
-        },
-        {
-          title: "Contact Info",          items: [
-            { label: "(555) 123-4567", href: "tel:+15551234567" },
-            { label: "info@ejazfoods.com", href: "mailto:info@ejazfoods.com" },
-          ],
-        },
+        { items: [{ label: "Menu", href: "#products" }, { label: "About", href: "#about" }, { label: "FAQ", href: "#faq" }] },
+        { items: [{ label: "WhatsApp Support", href: "https://wa.me/15551234567" }, { label: "(555) 123-4567", href: "tel:+15551234567" }] }
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4ef;
-  --card: #dad6cd;
-  --foreground: #2a2928;
-  --primary-cta: #2a2928;
+  --background: #0a0a0a;
+  --card: #171010;
+  --foreground: #f5f5f5;
+  --primary-cta: #d4af37;
   --primary-cta-text: #f5f4ef;
-  --secondary-cta: #ecebea;
+  --secondary-cta: #991b1b;
   --secondary-cta-text: #2a2928;
-  --accent: #ffffff;
-  --background-accent: #c6b180;
+  --accent: #ff0000;
+  --background-accent: #2a0e0e;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);