Add src/app/collection/page.tsx

2026-06-03 14:31:45 +00:00
parent 715ede74ab
commit 66f5aad720
1 changed files with 96 additions and 0 deletions
--- a/src/app/collection/page.tsx
+++ b/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>
+    );
+}