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 FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+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 } 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 (
@@ -31,14 +31,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Collections",          id: "collections"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Collections", id: "collections" },
+        { name: "Testimonials", id: "testimonials" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="MPJ Jewellers"
     />
@@ -47,62 +44,22 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardTestimonial
       useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient"}}
+      background={{ variant: "radial-gradient" }}
       title="Timeless Elegance, Trusted Since Years"
       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: "Sunita Das",          handle: "Daily Wear Buyer",          testimonial: "Very lightweight and elegant daily wear options available.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-carrying-shopping-bags_23-2148660763.jpg"},
-        {
-          name: "Priya Sen",          handle: "Gift Buyer",          testimonial: "Bought a gift here. Extremely happy with the quality and service.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/joyful-positive-woman-smiles-broadly-looks-away-feels-happy-wears-panama-hoodie-being-good-mood-isolated-pink-background-blank-copy-space-your-promotional-content-emotions-concept_273609-58398.jpg"},
-        {
-          name: "Amitabha Bose",          handle: "Wedding Buyer",          testimonial: "Best place for premium diamond jewellery in Mullickbazar.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/senior-man-purple-shirt-looking-camera-with-confident-smile-face-pointing-with-index-finger-side-standing-green_141793-109093.jpg"},
+        { 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?_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"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/young-woman-wearing-chain-necklace_23-2149490495.jpg",          alt: "Customer avatar 1"},
-        {
-          src: "http://img.b2bpic.net/free-photo/close-shot-woman-wearing-sea-shell-necklace-beach_343596-973.jpg",          alt: "Customer avatar 2"},
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-chain-necklace_23-2149439883.jpg",          alt: "Customer avatar 3"},
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-happy-caucasian-calm-romantic-woman-casual-look-with-long-hair-wearing-earings-necklace-background-amazing-beautiful-view-green-mountains_343596-963.jpg",          alt: "Customer avatar 4"},
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",          alt: "Customer avatar 5"},
+        { 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?_wi=1"
       marqueeItems={[
-        {
-          type: "text-icon",          text: "BIS Hallmarked",          icon: ShieldCheck,
-        },
-        {
-          type: "text-icon",          text: "100% Pure Gold",          icon: Diamond,
-        },
-        {
-          type: "text-icon",          text: "Custom Crafts",          icon: Sparkles,
-        },
-        {
-          type: "text-icon",          text: "Trusted Legacy",          icon: Award,
-        },
-        {
-          type: "text-icon",          text: "Global Design",          icon: Globe,
-        },
+        { type: "text-icon", text: "BIS Hallmarked", icon: ShieldCheck },
+        { type: "text-icon", text: "100% Pure Gold", icon: Diamond },
+        { type: "text-icon", text: "Custom Crafts", icon: Sparkles },
       ]}
     />
   </div>
@@ -111,10 +68,8 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={false}
       heading={[
-        {
-          type: "text",          content: "The Story of MPJ Jewellers"},
-        {
-          type: "image",          src: "http://img.b2bpic.net/free-photo/side-view-smiley-women-with-grapes_23-2149461689.jpg",          alt: "About Heritage"},
+        { type: "text", content: "The Story of MPJ Jewellers" },
+        { type: "image", src: "http://img.b2bpic.net/free-photo/side-view-smiley-women-with-grapes_23-2149461689.jpg", alt: "About Heritage" },
       ]}
     />
   </div>
@@ -126,18 +81,8 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
-          id: "1",          name: "Gold Necklace Set",          price: "Request Pricing",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-like-cleopatra-ancient-egyptian-costume-confused-surprised-holding-hand-her-head-mistake-orange_141793-130112.jpg"},
-        {
-          id: "2",          name: "Diamond Solitaire",          price: "Request Pricing",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-diamond-ring_53876-17947.jpg"},
-        {
-          id: "3",          name: "Bridal Bangles",          price: "Request Pricing",          imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400862.jpg"},
-        {
-          id: "4",          name: "Daily Wear Earring",          price: "Request Pricing",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-rich-woman-outdoors-with-stylish-dress-sunglasses_23-2149548539.jpg"},
-        {
-          id: "5",          name: "Antique Silver Ring",          price: "Request Pricing",          imageSrc: "http://img.b2bpic.net/free-photo/female-jeweler-working-shop_23-2150914303.jpg"},
-        {
-          id: "6",          name: "Traditional Gold Chain",          price: "Request Pricing",          imageSrc: "http://img.b2bpic.net/free-photo/gold-chain-beautiful-flower-assortment_23-2149836473.jpg"},
+        { id: "1", name: "Gold Necklace Set", price: "Request Pricing", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-like-cleopatra-ancient-egyptian-costume-confused-surprised-holding-hand-her-head-mistake-orange_141793-130112.jpg" },
+        { id: "2", name: "Diamond Solitaire", price: "Request Pricing", imageSrc: "http://img.b2bpic.net/free-photo/closeup-diamond-ring_53876-17947.jpg" }
       ]}
       title="Our Collections"
       description="Handcrafted perfection for every occasion."
@@ -150,18 +95,8 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
-          icon: CheckCircle,
-          title: "Hallmarked Gold",          description: "100% BIS Hallmarked jewellery ensures purity."},
-        {
-          icon: Sparkles,
-          title: "Affordable Pricing",          description: "Premium designs at genuine competitive rates."},
-        {
-          icon: ShieldCheck,
-          title: "Mullickbazar Trusted",          description: "Years of legacy and customer community trust."},
-        {
-          icon: Diamond,
-          title: "Custom Designs",          description: "Expert craftsmen to design your dream jewellery."},
+        { icon: CheckCircle, title: "Hallmarked Gold", description: "100% BIS Hallmarked jewellery ensures purity." },
+        { icon: Sparkles, title: "Affordable Pricing", description: "Premium designs at genuine competitive rates." }
       ]}
       title="Why Choose MPJ?"
       description="Trusted by generations for quality and transparency."
@@ -175,15 +110,8 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",          value: "15+",          title: "Years Experience",          description: "Legacy in Kolkata",          icon: Award,
-        },
-        {
-          id: "m2",          value: "5000+",          title: "Happy Couples",          description: "Serving weddings",          icon: Heart,
-        },
-        {
-          id: "m3",          value: "100%",          title: "Certification",          description: "BIS Hallmark purity",          icon: ShieldCheck,
-        },
+        { id: "m1", value: "15+", title: "Years Experience", description: "Legacy in Kolkata", icon: Award },
+        { id: "m2", value: "5000+", title: "Happy Couples", description: "Serving weddings", icon: Heart },
       ]}
       title="Trust at a Glance"
       description="Milestones that define our commitment to excellence."
@@ -191,76 +119,66 @@ 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"},
-        {
-          id: "2",          name: "Rajesh",          role: "Patron",          testimonial: "My first choice for jewellery in Mullickbazar.",          imageSrc: "http://img.b2bpic.net/free-photo/senior-man-purple-shirt-looking-up-hapy-pleased-clenching-fist-standing-green-background_141793-118417.jpg"},
-        {
-          id: "3",          name: "Sunita",          role: "Regular",          testimonial: "Stunning craftsmanship and polite staff.",          imageSrc: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg"},
-        {
-          id: "4",          name: "Priya",          role: "Gift buyer",          testimonial: "Best place for diamond collections.",          imageSrc: "http://img.b2bpic.net/free-photo/pretty-cute-blond-girl-charmingly-looking-camera-isolated-yellow-background_574295-2343.jpg"},
-        {
-          id: "5",          name: "Amitabha",          role: "Groom",          testimonial: "Wedding jewellery turned out perfect.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-showing-namaste-gesture-holding-palms-clenched-together-near-chest-standing_1258-203315.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"},
-        {
-          text: "WhatsApp",          href: "https://wa.me/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">
-      <FooterBaseCard
-      logoText="MPJ Jewellers"
+      <FooterSimple
       columns={[
-        {
-          title: "Store Address",          items: [
-            {
-              label: "Mullickbazar, Kolkata, West Bengal",              href: "#"},
-            {
-              label: "Open: 11 AM - 8 PM",              href: "#"},
-          ],
+        { 
+            title: "Contact Details", 
+            items: [
+                { label: "Mullickbazar, Kolkata" },
+                { label: "+91 98765 43210" },
+                { label: "info@mpjjewellers.com" }
+            ] 
         },
-        {
-          title: "Explore",          items: [
-            {
-              label: "Gold",              href: "#collections"},
-            {
-              label: "Diamond",              href: "#collections"},
-            {
-              label: "Bridal",              href: "#collections"},
-          ],
-        },
-        {
-          title: "Support",          items: [
-            {
-              label: "Contact Us",              href: "#contact"},
-            {
-              label: "Privacy Policy",              href: "#"},
-          ],
+        { 
+            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>
     </ThemeProvider>
   );
-}
+}

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: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #1c1c1c;
+  --background: #120e0a;
+  --card: #1a1610;
+  --foreground: #fcf5e5;
   --primary-cta: #d4af37;
   --primary-cta-text: #000000;
-  --secondary-cta: #000000;
+  --secondary-cta: #4a3c20;
   --secondary-cta-text: #ffffff;
-  --accent: #c4a12e;
-  --background-accent: #f3e5ab;
+  --accent: #b8860b;
+  --background-accent: #5e4b2d;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);