src/app/page.tsx

@@ -9,8 +9,8 @@ import ProductCardOne from "@/components/sections/product/ProductCardOne";
 import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
 import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
 import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
-import ContactText from "@/components/sections/contact/ContactText";
-import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
+import ContactSplit from "@/components/sections/contact/ContactSplit";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
 import { Sparkles, Store, MapPin, Phone } from "lucide-react";
 
 export default function JeetSweetsPage() {
@@ -135,22 +135,27 @@ export default function JeetSweetsPage() {
                 </div>
 
                 <div id="contact" data-section="contact">
-                    <ContactText
-                        text="Ready to savor the taste of tradition? Visit us today or order through WhatsApp for a quick, fresh delivery experience in Ludhiana."
+                    <ContactSplit
+                        tag="Connect with Us"
+                        title="Savor the Tradition"
+                        description="Ready to experience authentic flavors? Reach out to us for bulk orders, festive gifts, or daily treats."
                         background={{ variant: "plain" }}
-                        buttons={[
-                            { text: "Message on WhatsApp", href: "https://wa.me/yournumber" },
-                            { text: "Get Directions", href: "https://maps.google.com" }
-                        ]}
                         useInvertedBackground={false}
                     />
                 </div>
 
                 <div id="footer" data-section="footer">
-                    <FooterLogoReveal
-                        logoText="Jeet Sweets"
-                        leftLink={{ text: "Ludhiana, Punjab", href: "#" }}
-                        rightLink={{ text: "WhatsApp Order", href: "#contact" }}
+                    <FooterSimple
+                        columns={[
+                            {
+                                title: "Location",                                items: [{ label: "Ludhiana, Punjab" }]
+                            },
+                            {
+                                title: "Support",                                items: [{ label: "WhatsApp Order", href: "#contact" }]
+                            }
+                        ]}
+                        bottomLeftText="© 2024 Jeet Sweets"
+                        bottomRightText="Authentic Traditional Indian Sweets"
                     />
                 </div>
             </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f5f5;
-  --card: #ffffff;
-  --foreground: #1c1c1c;
-  --primary-cta: #1c1c1c;
+  --background: #fcf6ec;
+  --card: #f3ede2;
+  --foreground: #2e2521;
+  --primary-cta: #c19a1b;
   --primary-cta-text: #f5f5f5;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #f3ede2;
   --secondary-cta-text: #1c1c1c;
-  --accent: #e63946;
-  --background-accent: #e8bea8;
+  --accent: #ffcc00;
+  --background-accent: #e1b875;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);