Merge version_2 into main

Merge version_2 into main

src/app/collection/page.tsx

@@ -0,0 +1,96 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+
+const dummyProductsINR = [
+  {
+    id: "prod-1",    name: "Maharani Necklace Set",    price: new Intl.NumberFormat('en-IN', { style: 'currency', currency: 'INR' }).format(250000),
+    imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400870.jpg",    imageAlt: "Maharani style necklace set"},
+  {
+    id: "prod-2",    name: "Traditional Gold Bangles",    price: new Intl.NumberFormat('en-IN', { style: 'currency', currency: 'INR' }).format(180000),
+    imageSrc: "http://img.b2bpic.net/free-photo/top-view-golden-bracelet-with-diamonds-black-wall_140725-12949.jpg",    imageAlt: "Set of traditional gold bangles"},
+  {
+    id: "prod-3",    name: "Diamond Stud Earrings",    price: new Intl.NumberFormat('en-IN', { style: 'currency', currency: 'INR' }).format(75000),
+    imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-earrings-with-lot-blue-gems-isolated_132075-8119.jpg",    imageAlt: "Pair of elegant diamond stud earrings"},
+  {
+    id: "prod-4",    name: "Pearl Drop Pendant",    price: new Intl.NumberFormat('en-IN', { style: 'currency', currency: 'INR' }).format(95000),
+    imageSrc: "http://img.b2bpic.net/free-photo/luxury-shine-diamonds-digital-art_23-2151695030.jpg",    imageAlt: "Delicate pearl drop pendant"},
+  {
+    id: "prod-5",    name: "Antique Silver Anklets",    price: new Intl.NumberFormat('en-IN', { style: 'currency', currency: 'INR' }).format(45000),
+    imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-look-glamor-closeup-portrait-beautiful-sexy-stylish-blond-caucasian-young-woman-model-with-bright-makeup_158538-3054.jpg",    imageAlt: "Pair of antique silver anklets"},
+  {
+    id: "prod-6",    name: "Temple Design Ring",    price: new Intl.NumberFormat('en-IN', { style: 'currency', currency: 'INR' }).format(60000),
+    imageSrc: "http://img.b2bpic.net/free-photo/background-engagement-elegant-gift-love-accessory_1400-27.jpg",    imageAlt: "Gold ring with intricate temple design"},
+  {
+    id: "prod-7",    name: "Kundan Bangle Set",    price: new Intl.NumberFormat('en-IN', { style: 'currency', currency: 'INR' }).format(110000),
+    imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-golden-earrings-high-angle_23-2149846567.jpg",    imageAlt: "Set of Kundan style bangles"},
+  {
+    id: "prod-8",    name: "Polki Diamond Choker",    price: new Intl.NumberFormat('en-IN', { style: 'currency', currency: 'INR' }).format(320000),
+    imageSrc: "http://img.b2bpic.net/free-photo/close-up-drag-queen-posing_23-2149247373.jpg",    imageAlt: "Exquisite Polki diamond choker"},
+];
+
+export default function CollectionPage() {
+    const commonNavItems = [
+        { name: "Home", id: "/" },
+        { name: "Collections", id: "/collection" },
+        { name: "Craftsmanship", id: "/#about" },
+        { name: "Testimonials", id: "/#testimonials" },
+        { name: "Contact", id: "/#contact" },
+    ];
+
+    return (
+        <ThemeProvider
+            defaultButtonVariant="text-stagger"
+            defaultTextAnimation="reveal-blur"
+            borderRadius="pill"
+            contentWidth="medium"
+            sizing="largeSmallSizeMediumTitles"
+            background="floatingGradient"
+            cardStyle="inset"
+            primaryButtonStyle="diagonal-gradient"
+            secondaryButtonStyle="layered"
+            headingFontWeight="bold"
+        >
+            <ReactLenis root>
+                <div id="nav" data-section="nav">
+                    <NavbarStyleCentered
+                        navItems={commonNavItems}
+                        button={{
+                            text: "Explore Collections",                            href: "/collection"}}
+                        logoSrc="http://img.b2bpic.net/free-photo/aesthetic-golden-earrings-high-angle_23-2149846567.jpg"
+                        logoAlt="Veerumal Jewellers Logo"
+                        brandName="Veerumal Jewellers"
+                    />
+                </div>
+
+                <div id="collection-products" data-section="collection-products">
+                    <ProductCardThree
+                        animationType="slide-up"
+                        textboxLayout="default"
+                        gridVariant="uniform-all-items-equal"
+                        useInvertedBackground={true}
+                        products={dummyProductsINR}
+                        title="Our Entire Collection"
+                        description="Explore the full range of Veerumal Jewellers' exquisite creations, from traditional heirlooms to modern masterpieces, all crafted with utmost precision and care."
+                    />
+                </div>
+
+                <div id="footer" data-section="footer">
+                    <FooterLogoReveal
+                        logoSrc="http://img.b2bpic.net/free-photo/aesthetic-golden-earrings-high-angle_23-2149846567.jpg"
+                        logoAlt="Veerumal Jewellers Logo"
+                        logoText="Veerumal Jewellers"
+                        leftLink={{
+                            text: "Privacy Policy",                            href: "#"}}
+                        rightLink={{
+                            text: "Terms of Service",                            href: "#"}}
+                    />
+                </div>
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}

src/app/page.tsx

@@ -33,31 +33,19 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "/"},
-          id: "/",
-        },
         {
-          name: "Collections",
+          name: "Collections",          id: "#products"},
-          id: "#products",
-        },
         {
-          name: "Craftsmanship",
+          name: "Craftsmanship",          id: "#about"},
-          id: "#about",
-        },
         {
-          name: "Testimonials",
+          name: "Testimonials",          id: "#testimonials"},
-          id: "#testimonials",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "#contact"},
-          id: "#contact",
-        },
       ]}
       button={{
-        text: "Explore Collections",
+        text: "Explore Collections",        href: "#products"}}
-        href: "#products",
+      logoSrc="https://images.unsplash.com/photo-1596767425895-36427d14e1c2?q=80&w=1780&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
-      }}
-      logoSrc="http://img.b2bpic.net/free-photo/aesthetic-golden-earrings-high-angle_23-2149846567.jpg"
       logoAlt="Veerumal Jewellers Logo"
       brandName="Veerumal Jewellers"
     />
@@ -66,18 +54,15 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
       background={{
-        variant: "radial-gradient",
+        variant: "radial-gradient"}}
-      }}
       title="Timeless Elegance Crafted for You"
       description="Veerumal Jewellers presents exquisitely designed, handcrafted jewelry that celebrates your most precious moments. Every piece tells a story of heritage, artistry, and uncompromising luxury."
       buttons={[
         {
-          text: "Explore Collections",
+          text: "Explore Collections",          href: "#products"},
-          href: "#products",
-        },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400870.jpg"
+      imageSrc="https://images.unsplash.com/photo-1620895318721-395781a73379?q=80&w=2000&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
-      imageAlt="Luxurious diamond necklace and earrings on a elegant backdrop"
+      imageAlt="Indian bride adorned with luxurious jewelry"
     />
   </div>
 
@@ -88,24 +73,16 @@ export default function LandingPage() {
       metrics={[
         {
           icon: Diamond,
-          label: "Years of Heritage",
+          label: "Years of Heritage",          value: "75+"},
-          value: "75+",
-        },
         {
           icon: Award,
-          label: "Happy Clients",
+          label: "Happy Clients",          value: "5000+"},
-          value: "5000+",
-        },
         {
           icon: Award,
-          label: "Master Artisans",
+          label: "Master Artisans",          value: "30+"},
-          value: "30+",
-        },
         {
           icon: ShieldCheck,
-          label: "Certified Quality",
+          label: "Certified Quality",          value: "100%"},
-          value: "100%",
-        },
       ]}
       metricsAnimation="slide-up"
     />
@@ -118,17 +95,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       negativeCard={{
         items: [
-          "Mass Produced Items",
+          "Mass Produced Items",          "Generic Designs",          "Low-Quality Materials"],
-          "Generic Designs",
-          "Low-Quality Materials",
-        ],
       }}
       positiveCard={{
         items: [
-          "Handcrafted Excellence",
+          "Handcrafted Excellence",          "Bespoke Creations",          "Conflict-Free Diamonds"],
-          "Bespoke Creations",
-          "Conflict-Free Diamonds",
-        ],
       }}
       title="The Veerumal Difference"
       description="Experience unparalleled quality, ethical sourcing, and personalized bespoke services that set our jewelry apart."
@@ -143,47 +114,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "prod-1",
+          id: "prod-1",          name: "Eternal Solitaire Ring",          price: "$5,800",          imageSrc: "https://images.unsplash.com/photo-1587397732007-6b4d32049d52?q=80&w=1780&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",          imageAlt: "Indian engagement ring with solitaire diamond"},
-          name: "Eternal Solitaire Ring",
-          price: "$5,800",
-          imageSrc: "http://img.b2bpic.net/free-photo/background-engagement-elegant-gift-love-accessory_1400-27.jpg",
-          imageAlt: "Classic diamond solitaire engagement ring",
-        },
         {
-          id: "prod-2",
+          id: "prod-2",          name: "Emerald Blossom Necklace",          price: "$12,500",          imageSrc: "https://images.unsplash.com/photo-1628105658632-159e19612a4f?q=80&w=1780&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",          imageAlt: "Traditional Indian emerald and diamond necklace"},
-          name: "Emerald Blossom Necklace",
-          price: "$12,500",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-drag-queen-posing_23-2149247373.jpg",
-          imageAlt: "Elegant emerald and diamond blossom necklace",
-        },
         {
-          id: "prod-3",
+          id: "prod-3",          name: "Sapphire Dewdrop Earrings",          price: "$3,200",          imageSrc: "https://images.unsplash.com/photo-1597576596162-43d1a89d704d?q=80&w=1780&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",          imageAlt: "Gold Indian sapphire drop earrings"},
-          name: "Sapphire Dewdrop Earrings",
-          price: "$3,200",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-earrings-with-lot-blue-gems-isolated_132075-8119.jpg",
-          imageAlt: "Dainty sapphire and diamond drop earrings",
-        },
         {
-          id: "prod-4",
+          id: "prod-4",          name: "Ruby Serenity Bracelet",          price: "$7,100",          imageSrc: "https://images.unsplash.com/photo-1588722108139-4402377b5a8d?q=80&w=1780&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=1",          imageAlt: "Luxurious Indian ruby and gold tennis bracelet"},
-          name: "Ruby Serenity Bracelet",
-          price: "$7,100",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-look-glamor-closeup-portrait-beautiful-sexy-stylish-blond-caucasian-young-woman-model-with-bright-makeup_158538-3054.jpg",
-          imageAlt: "Luxurious ruby and gold tennis bracelet",
-        },
         {
-          id: "prod-5",
+          id: "prod-5",          name: "Celestial Pearl Choker",          price: "$4,900",          imageSrc: "https://images.unsplash.com/photo-1600810471927-4a0b2d627c2f?q=80&w=1780&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",          imageAlt: "Sophisticated Indian pearl and diamond choker necklace"},
-          name: "Celestial Pearl Choker",
-          price: "$4,900",
-          imageSrc: "http://img.b2bpic.net/free-photo/luxury-shine-diamonds-digital-art_23-2151695030.jpg",
-          imageAlt: "Sophisticated pearl and diamond choker necklace",
-        },
         {
-          id: "prod-6",
+          id: "prod-6",          name: "Heritage Gold Kada",          price: "$9,300",          imageSrc: "https://images.unsplash.com/photo-1588722108139-4402377b5a8d?q=80&w=1780&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&_wi=2",          imageAlt: "Ornate traditional Indian gold bangle (kada)"},
-          name: "Heritage Gold Kada",
-          price: "$9,300",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-golden-bracelet-with-diamonds-black-wall_140725-12949.jpg",
-          imageAlt: "Ornate traditional Indian gold bangle (kada)",
-        },
       ]}
       title="Our Exquisite Collections"
       description="Discover a curated selection of fine jewelry, from timeless classics to contemporary masterpieces, each a testament to our artisan's skill."
@@ -195,14 +136,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Vogue India",
+        "Vogue India",        "Harper's Bazaar",        "Forbes",        "Luxury Magazine",        "Jewellery World",        "Elite Living",        "Precious Gems"]}
-        "Harper's Bazaar",
-        "Forbes",
-        "Luxury Magazine",
-        "Jewellery World",
-        "Elite Living",
-        "Precious Gems",
-      ]}
       title="Trusted by Connoisseurs"
       description="Our commitment to excellence has earned the recognition of luxury publications and esteemed partners."
     />
@@ -216,45 +150,20 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Meena Sharma",          role: "Entrepreneur",          company: "Elegance Ventures",          rating: 5,
-          name: "Meena Sharma",
+          imageSrc: "https://images.unsplash.com/photo-1560965380-c07a3c3e72f1?q=80&w=1780&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"},
-          role: "Entrepreneur",
-          company: "Elegance Ventures",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/cute-young-woman-outdoor-portrait_624325-1975.jpg",
-        },
         {
-          id: "2",
+          id: "2",          name: "Priya Singh",          role: "Fashion Designer",          company: "Chic Couture",          rating: 5,
-          name: "Priya Singh",
+          imageSrc: "https://images.unsplash.com/photo-1593976695272-3c3e80f2d4f2?q=80&w=1780&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"},
-          role: "Fashion Designer",
-          company: "Chic Couture",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-wearing-casual-blue-shirt-success-sign-doing-positive-gesture-with-hand-thumbs-up-smiling-happy-cheerful-expression-winner-gesture_839833-2022.jpg",
-        },
         {
-          id: "3",
+          id: "3",          name: "Anjali Mehta",          role: "Socialite",          company: "Luxury Lifestyle Inc.",          rating: 5,
-          name: "Anjali Mehta",
+          imageSrc: "https://images.unsplash.com/photo-1565294528157-a9a7c3d2e23e?q=80&w=1780&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"},
-          role: "Socialite",
-          company: "Luxury Lifestyle Inc.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiles-holds-sparkler-glass-with-champagne_8353-11541.jpg",
-        },
         {
-          id: "4",
+          id: "4",          name: "Kavita Reddy",          role: "Art Collector",          company: "Artisan Guild",          rating: 5,
-          name: "Kavita Reddy",
+          imageSrc: "https://images.unsplash.com/photo-1587595462584-c852467d302b?q=80&w=1780&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"},
-          role: "Art Collector",
-          company: "Artisan Guild",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/lady-with-wine_1157-7315.jpg",
-        },
         {
-          id: "5",
+          id: "5",          name: "Dr. Aparna Rao",          role: "Philanthropist",          company: "Global Charity Foundation",          rating: 5,
-          name: "Dr. Aparna Rao",
+          imageSrc: "https://images.unsplash.com/photo-1599583162601-52210a4e7f10?q=80&w=1780&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"},
-          role: "Philanthropist",
-          company: "Global Charity Foundation",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-rich-woman-posing-indoors_23-2149722604.jpg",
-        },
       ]}
       title="What Our Clients Say"
       description="Hear from our esteemed clients about their experience with Veerumal Jewellers and their cherished pieces."
@@ -267,25 +176,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "faq-1",
+          id: "faq-1",          title: "What materials are used in Veerumal Jewellers' pieces?",          content: "We use only the finest materials, including 18k and 22k gold, platinum, conflict-free diamonds, and ethically sourced precious gemstones. Each piece is hallmarked for authenticity."},
-          title: "What materials are used in Veerumal Jewellers' pieces?",
-          content: "We use only the finest materials, including 18k and 22k gold, platinum, conflict-free diamonds, and ethically sourced precious gemstones. Each piece is hallmarked for authenticity.",
-        },
         {
-          id: "faq-2",
+          id: "faq-2",          title: "Do you offer bespoke jewelry design services?",          content: "Yes, we specialize in bespoke creations. Our expert designers work closely with you to transform your vision into a unique, handcrafted masterpiece. Schedule a consultation to begin."},
-          title: "Do you offer bespoke jewelry design services?",
-          content: "Yes, we specialize in bespoke creations. Our expert designers work closely with you to transform your vision into a unique, handcrafted masterpiece. Schedule a consultation to begin.",
-        },
         {
-          id: "faq-3",
+          id: "faq-3",          title: "What is your policy on returns and exchanges?",          content: "We offer a 30-day return and exchange policy for unworn items in their original condition, with proof of purchase. Custom-designed pieces are non-returnable. Please refer to our full policy for details."},
-          title: "What is your policy on returns and exchanges?",
-          content: "We offer a 30-day return and exchange policy for unworn items in their original condition, with proof of purchase. Custom-designed pieces are non-returnable. Please refer to our full policy for details.",
-        },
         {
-          id: "faq-4",
+          id: "faq-4",          title: "How do I care for my Veerumal Jewellers' jewelry?",          content: "To maintain the brilliance of your jewelry, we recommend regular cleaning with a soft cloth and mild soap. Avoid harsh chemicals and store pieces separately to prevent scratching. Professional cleaning services are also available."},
-          title: "How do I care for my Veerumal Jewellers' jewelry?",
-          content: "To maintain the brilliance of your jewelry, we recommend regular cleaning with a soft cloth and mild soap. Avoid harsh chemicals and store pieces separately to prevent scratching. Professional cleaning services are also available.",
-        },
       ]}
       title="Frequently Asked Questions"
       description="Find answers to common questions about our jewelry, services, ordering, and care."
@@ -297,34 +194,27 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={true}
       background={{
-        variant: "sparkles-gradient",
+        variant: "sparkles-gradient"}}
-      }}
       text="Ready to acquire a masterpiece or discuss a bespoke creation? Contact our specialists for a personalized consultation."
       buttons={[
         {
-          text: "Schedule a Consultation",
+          text: "Schedule a Consultation",          href: "#"},
-          href: "#",
-        },
       ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoReveal
-      logoSrc="http://img.b2bpic.net/free-photo/aesthetic-golden-earrings-high-angle_23-2149846567.jpg"
+      logoSrc="https://images.unsplash.com/photo-1596767425895-36427d14e1c2?q=80&w=1780&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
       logoAlt="Veerumal Jewellers Logo"
       logoText="Veerumal Jewellers"
       leftLink={{
-        text: "Privacy Policy",
+        text: "Privacy Policy",        href: "#"}}
-        href: "#",
-      }}
       rightLink={{
-        text: "Terms of Service",
+        text: "Terms of Service",        href: "#"}}
-        href: "#",
-      }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}