Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -2,16 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
-import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
-import { Award, CheckCircle, Diamond, Globe, Heart, ShieldCheck, Sparkles, Phone, Mail, MapPin } from "lucide-react";
+import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+import { Award, CheckCircle, Diamond, Heart, ShieldCheck, Sparkles, Clock, MapPin, Phone, Mail } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -34,6 +34,7 @@ export default function LandingPage() {
         { name: "Home", id: "hero" },
         { name: "About", id: "about" },
         { name: "Collections", id: "collections" },
+        { name: "Testimonials", id: "testimonials" },
         { name: "Contact", id: "contact" },
       ]}
       brandName="MPJ Jewellers"
@@ -48,13 +49,13 @@ export default function LandingPage() {
       description="Discover exquisite gold, diamond, and silver craftsmanship at MPJ Jewellers, Mullickbazar, Kolkata."
       testimonials={[
         { name: "Ananya Chatterjee", handle: "Wedding Buyer", testimonial: "Exquisite bridal collection. The purity is unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-calm-happy-pretty-woman-with-bright-evening-makeup-wearing-summer-yellow-dress-sea-shell-necklace_343596-3835.jpg" },
-        { name: "Rajesh Sharma", handle: "Loyal Customer", testimonial: "Been a customer for years. Always trust their hallmark certification.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg" }
+        { name: "Rajesh Sharma", handle: "Loyal Customer", testimonial: "Been a customer for years. Always trust their hallmark certification.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg?_wi=1" }
       ]}
       buttons={[
         { text: "View Collection", href: "#collections" },
         { text: "Visit Store", href: "#contact" },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/wedding-rings-ring-box-boat-deck_23-2151995446.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/wedding-rings-ring-box-boat-deck_23-2151995446.jpg?_wi=1"
       marqueeItems={[
         { type: "text-icon", text: "BIS Hallmarked", icon: ShieldCheck },
         { type: "text-icon", text: "100% Pure Gold", icon: Diamond },
@@ -118,36 +119,63 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
+      <TestimonialCardThirteen
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
-      testimonials={[
-        { id: "1", name: "Ananya", role: "Bride", testimonial: "Wonderful service and authentic gold purity.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-latino-female-model-warm-red-dress_633478-2096.jpg" },
-      ]}
+      showRating={true}
       title="What Our Clients Say"
       description="Read experiences from our valued patrons."
+      testimonials={[
+        { id: "1", name: "Ananya", handle: "@ananya_c", testimonial: "Wonderful service and authentic gold purity. Highly recommend for weddings.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-latino-female-model-warm-red-dress_633478-2096.jpg" },
+        { id: "2", name: "Rohit", handle: "@rohit_s", testimonial: "Very transparent pricing and excellent collection.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg?_wi=2" }
+      ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{ variant: "radial-gradient" }}
-      text="Visit Our Showroom: Visit MPJ Jewellers, Mullickbazar, Kolkata, for your perfect piece. Call us at +91 98765 43210 or visit our store."
-      buttons={[
-        { text: "Call Us", href: "tel:+919876543210" },
+      <ContactSplitForm
+      title="Get in Touch"
+      description="We would love to hear from you. Reach out for appointments or queries."
+      inputs={[
+          { name: "name", type: "text", placeholder: "Full Name", required: true },
+          { name: "email", type: "email", placeholder: "Email Address", required: true }
       ]}
+      useInvertedBackground={false}
+      mediaPosition="right"
+      imageSrc="http://img.b2bpic.net/free-photo/wedding-rings-ring-box-boat-deck_23-2151995446.jpg?_wi=2"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="MPJ Jewellers"
-      copyrightText="© 2025 MPJ Jewellers. All rights reserved."
-      socialLinks={[
-        { icon: Globe, href: "#", ariaLabel: "Website" }
+      <FooterSimple
+      columns={[
+        { 
+            title: "Contact Details", 
+            items: [
+                { label: "Mullickbazar, Kolkata" },
+                { label: "+91 98765 43210" },
+                { label: "info@mpjjewellers.com" }
+            ] 
+        },
+        { 
+            title: "Opening Hours", 
+            items: [
+                { label: "Mon-Sat: 10AM - 8PM" },
+                { label: "Sun: Closed" }
+            ] 
+        },
+        { 
+            title: "Quick Links", 
+            items: [
+                { label: "Home", href: "#hero" },
+                { label: "About", href: "#about" },
+                { label: "Collections", href: "#collections" }
+            ] 
+        }
       ]}
+      bottomLeftText="© 2025 MPJ Jewellers"
+      bottomRightText="SEO Optimized by Webild"
     />
   </div>
       </ReactLenis>

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-inter-tight), sans-serif;
+  font-family: var(--font-playfair), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-inter-tight), sans-serif;
+  font-family: var(--font-playfair), sans-serif;
 }

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
-  --card: #1a1a1a;
-  --foreground: #f5f5f5;
+  --background: #120e0a;
+  --card: #1a1610;
+  --foreground: #fcf5e5;
   --primary-cta: #d4af37;
   --primary-cta-text: #000000;
-  --secondary-cta: #1a1a1a;
+  --secondary-cta: #4a3c20;
   --secondary-cta-text: #ffffff;
-  --accent: #c4a12e;
-  --background-accent: #5b4e28;
+  --accent: #b8860b;
+  --background-accent: #5e4b2d;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);