Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,12 +2,12 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
-import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
+import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import { Sparkles } from "lucide-react";
 
@@ -76,15 +76,14 @@ export default function LandingPage() {
         </div>
 
         <div id="testimonials" data-section="testimonials">
-          <TestimonialCardTwelve
+          <TestimonialCardFifteen
-            useInvertedBackground={false}
+            useInvertedBackground={true}
-            cardAnimation="slide-up"
+            testimonial="The taste of tradition that brings me back every single time. Absolutely unmatched quality!"
-            cardTitle="What People Say"
+            rating={5}
-            cardTag="Reviews"
+            author="Ali Khan"
-            testimonials={[
+            avatars={[{ src: "http://img.b2bpic.net/free-photo/beautiful-african-american-female-with-broad-pleasant-smile-rests-sidewalk-cafe-alone-enjoys-good-rest-summer-vacation_273609-3491.jpg", alt: "Customer" }]}
-              { id: "1", name: "Ali Khan", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-female-with-broad-pleasant-smile-rests-sidewalk-cafe-alone-enjoys-good-rest-summer-vacation_273609-3491.jpg" },
+            ratingAnimation="slide-up"
-              { id: "2", name: "Sara Ahmed", imageSrc: "http://img.b2bpic.net/free-photo/three-best-friends-enjoying-nice-conversation-lunch-modern-cafe-interior_273609-9010.jpg" }
+            avatarsAnimation="slide-up"
-            ]}
           />
         </div>
 
@@ -100,25 +99,20 @@ export default function LandingPage() {
         </div>
 
         <div id="contact" data-section="contact">
-          <ContactSplit
+          <ContactCenter
-            useInvertedBackground={false}
+            useInvertedBackground={true}
             background={{ variant: "plain" }}
             tag="Contact Us"
-            title="Visit Us Today"
+            title="Reach Out to Us"
-            description="Have a craving? Come visit our shop or contact us through WhatsApp."
+            description="We are always here to serve you. Reach out through the form below for any queries or special requests."
-            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C7EXEWePONtf5d5oHqsQWAOFNr/uploaded-1775728400620-7e7dsgt2.jpg?_wi=2"
-            mediaAnimation="slide-up"
-            mediaPosition="right"
           />
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterLogoEmphasis
+          <FooterLogoReveal
-            columns={[
-              { items: [{ label: "Home", href: "#hero" }, { label: "Menu", href: "#menu" }] },
-              { items: [{ label: "WhatsApp: 0340-2035550", href: "#" }] }
-            ]}
             logoText="Saleem Pan & Chatkharay"
+            leftLink={{ text: "Privacy Policy", href: "#" }}
+            rightLink={{ text: "Terms & Conditions", href: "#" }}
           />
         </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,9 +10,9 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #1a1a1a;
+  --background: #0a0a0a;
-  --card: #262626;
+  --card: #1a1a1a;
-  --foreground: #ffffff;
+  --foreground: #f5f5f5;
   --primary-cta: #ff7b05;
   --primary-cta-text: #ffffff;
   --secondary-cta: #ffffff;