Switch to version 3: modified src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -31,22 +31,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Collections",
-          id: "collections",
-        },
-        {
-          name: "About",
-          id: "story",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Collections", id: "collections" },
+        { name: "Products", id: "/products" },
+        { name: "About", id: "story" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="AL SHAMALI"
     />
@@ -54,22 +43,14 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
-      background={{
-        variant: "radial-gradient",
-      }}
+      background={{ variant: "radial-gradient" }}
       title="Luxury Fashion Redefined"
       description="Premium styles crafted for modern elegance."
       buttons={[
-        {
-          text: "Shop Collection",
-          href: "#products",
-        },
-        {
-          text: "WhatsApp Us",
-          href: "https://wa.me/yournumber",
-        },
+        { text: "Shop Collection", href: "/products" },
+        { text: "WhatsApp Us", href: "https://wa.me/yournumber" },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/expensive-golden-ring-with-white-powder-background_23-2150347047.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/expensive-golden-ring-with-white-powder-background_23-2150347047.jpg?_wi=1"
     />
   </div>
 
@@ -79,21 +60,9 @@ export default function LandingPage() {
       title="Featured Collections"
       description="Discover curated luxury pieces designed to elevate your style."
       accordionItems={[
-        {
-          id: "c1",
-          title: "Gold Jewelry",
-          content: "Exquisite 24k gold pieces for the modern connoisseur.",
-        },
-        {
-          id: "c2",
-          title: "Bracelets",
-          content: "Timeless designs that define grace and sophistication.",
-        },
-        {
-          id: "c3",
-          title: "Premium Accessories",
-          content: "Handpicked items that complete your luxury ensemble.",
-        },
+        { id: "c1", title: "Gold Jewelry", content: "Exquisite 24k gold pieces for the modern connoisseur." },
+        { id: "c2", title: "Bracelets", content: "Timeless designs that define grace and sophistication." },
+        { id: "c3", title: "Premium Accessories", content: "Handpicked items that complete your luxury ensemble." },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/background-engagement-elegant-gift-love-accessory_1400-27.jpg"
       mediaAnimation="blur-reveal"
@@ -107,42 +76,9 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          name: "Signature Gold Watch",
-          price: "$1,200",
-          imageSrc: "http://img.b2bpic.net/free-photo/spanish-traditional-comb-still-life_23-2150154089.jpg",
-        },
-        {
-          id: "p2",
-          name: "Imperial Cufflinks",
-          price: "$450",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-basket_23-2150329682.jpg",
-        },
-        {
-          id: "p3",
-          name: "Layered Gold Chain",
-          price: "$850",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-palo-santo_23-2151936999.jpg",
-        },
-        {
-          id: "p4",
-          name: "Signature Gold Watch",
-          price: "$1,200",
-          imageSrc: "http://img.b2bpic.net/free-photo/golden-cufflings-wedding-rings-watch-lie-wooden-table_8353-405.jpg",
-        },
-        {
-          id: "p5",
-          name: "Imperial Cufflinks",
-          price: "$450",
-          imageSrc: "http://img.b2bpic.net/free-photo/colored-transparent-sunglasses-still-life_23-2150165790.jpg",
-        },
-        {
-          id: "p6",
-          name: "Layered Gold Chain",
-          price: "$850",
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-female-wearing-silver-necklace-with-beautiful-lock-pendant_181624-27833.jpg",
-        },
+        { id: "p1", name: "Signature Gold Watch", price: "$1,200", imageSrc: "http://img.b2bpic.net/free-photo/spanish-traditional-comb-still-life_23-2150154089.jpg?_wi=1" },
+        { id: "p2", name: "Imperial Cufflinks", price: "$450", imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-basket_23-2150329682.jpg?_wi=1" },
+        { id: "p3", name: "Layered Gold Chain", price: "$850", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-palo-santo_23-2151936999.jpg?_wi=1" },
       ]}
       title="Best Sellers"
       description="Our most coveted luxury creations."
@@ -156,18 +92,9 @@ export default function LandingPage() {
       title="A Legacy of Trust"
       description="Al Shamali Fashion is a symbol of refinement. We craft experiences that transcend mere accessories."
       bulletPoints={[
-        {
-          title: "Years of Trust",
-          description: "Over a decade of excellence in luxury retail.",
-        },
-        {
-          title: "Premium Quality",
-          description: "Certified materials and artisan craftsmanship.",
-        },
-        {
-          title: "Global Reach",
-          description: "Serving elite clientele across the region.",
-        },
+        { title: "Years of Trust", description: "Over a decade of excellence in luxury retail." },
+        { title: "Premium Quality", description: "Certified materials and artisan craftsmanship." },
+        { title: "Global Reach", description: "Serving elite clientele across the region." },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/man-engraving-wood-alone_23-2149061716.jpg"
       mediaAnimation="slide-up"
@@ -180,41 +107,8 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          name: "Amina S.",
-          role: "Collector",
-          testimonial: "Truly unmatched elegance. Every piece I own from Al Shamali is a statement.",
-          imageSrc: "http://img.b2bpic.net/free-photo/fashion-woman-underwear-fur-coat-sitting-floor-antique-room_613910-10896.jpg",
-        },
-        {
-          id: "t2",
-          name: "Khalid F.",
-          role: "Architect",
-          testimonial: "The precision and gold quality are remarkable. My go-to luxury choice.",
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-sunglasses-posed-outdoor-street-sunset-sitting-road-shadows_627829-2723.jpg",
-        },
-        {
-          id: "t3",
-          name: "Sarah M.",
-          role: "Creative Director",
-          testimonial: "Sophisticated service and even better design. Absolutely perfect.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-drag-queen-posing_23-2149247307.jpg",
-        },
-        {
-          id: "t4",
-          name: "Omar R.",
-          role: "Investor",
-          testimonial: "Seamless experience from purchase to wear. Pure excellence.",
-          imageSrc: "http://img.b2bpic.net/free-photo/transgender-person-wearing-yellow-jacket-standing-sideways_23-2148827063.jpg",
-        },
-        {
-          id: "t5",
-          name: "Layla K.",
-          role: "Fashion Stylist",
-          testimonial: "Al Shamali understands luxury like no other in the market.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453342.jpg",
-        },
+        { id: "t1", name: "Amina S.", role: "Collector", testimonial: "Truly unmatched elegance.", imageSrc: "http://img.b2bpic.net/free-photo/fashion-woman-underwear-fur-coat-sitting-floor-antique-room_613910-10896.jpg" },
+        { id: "t2", name: "Khalid F.", role: "Architect", testimonial: "The precision and gold quality are remarkable.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-sunglasses-posed-outdoor-street-sunset-sitting-road-shadows_627829-2723.jpg" },
       ]}
       title="Client Reflections"
       description="Stories from our discerning community."
@@ -225,15 +119,7 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={false}
-      names={[
-        "Vogue Style",
-        "Harper's Bazaar",
-        "Luxury Today",
-        "Elite Lifestyle",
-        "Modern Muse",
-        "Golden Hour",
-        "Icon Magazine",
-      ]}
+      names={["Vogue Style", "Harper's Bazaar", "Luxury Today", "Elite Lifestyle"]}
       title="Luxury Partners"
       description="Trusted by icons of style."
     />
@@ -242,16 +128,9 @@ export default function LandingPage() {
   <div id="video" data-section="video">
       <ContactText
       useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       text="Experience the cinematic elegance of our latest collection."
-      buttons={[
-        {
-          text: "Watch Collection",
-          href: "#",
-        },
-      ]}
+      buttons={[{ text: "Watch Collection", href: "#" }]}
     />
   </div>
 
@@ -260,24 +139,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "f1",
-          title: "Do you provide custom design services?",
-          content: "Yes, we collaborate with elite artisans to curate custom gold pieces.",
-        },
-        {
-          id: "f2",
-          title: "How is shipping handled?",
-          content: "We use secure, premium global logistics to ensure safe delivery.",
-        },
-        {
-          id: "f3",
-          title: "Do you offer local support?",
-          content: "Our flagship concierge team is available via WhatsApp 24/7.",
-        },
+        { id: "f1", title: "Do you provide custom design services?", content: "Yes, we collaborate with elite artisans." },
+        { id: "f2", title: "How is shipping handled?", content: "Secure global logistics." },
       ]}
       title="Concierge Services"
-      description="Frequently asked questions to assist your journey."
+      description="Frequently asked questions."
       faqsAnimation="blur-reveal"
     />
   </div>
@@ -285,45 +151,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
-          title: "Luxury",
-          items: [
-            {
-              label: "About Us",
-              href: "#story",
-            },
-            {
-              label: "Concierge",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Collections",
-          items: [
-            {
-              label: "Gold",
-              href: "#products",
-            },
-            {
-              label: "Bracelets",
-              href: "#products",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Luxury", items: [{ label: "About", href: "#story" }] },
+        { title: "Products", items: [{ label: "Catalog", href: "/products" }] },
       ]}
       logoText="AL SHAMALI"
     />

src/app/products/page.tsx

@@ -0,0 +1,68 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export default function ProductsPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="background-highlight"
+        borderRadius="pill"
+        contentWidth="medium"
+        sizing="mediumLargeSizeLargeTitles"
+        background="none"
+        cardStyle="gradient-radial"
+        primaryButtonStyle="shadow"
+        secondaryButtonStyle="solid"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Collections", id: "/#collections" },
+              { name: "Products", id: "/products" },
+              { name: "About", id: "/#story" },
+              { name: "Contact", id: "/#contact" },
+            ]}
+            brandName="AL SHAMALI"
+          />
+        </div>
+
+        <div id="products" data-section="products" className="py-24">
+          <ProductCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", name: "Signature Gold Watch", price: "$1,200", imageSrc: "http://img.b2bpic.net/free-photo/spanish-traditional-comb-still-life_23-2150154089.jpg?_wi=2" },
+              { id: "p2", name: "Imperial Cufflinks", price: "$450", imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-basket_23-2150329682.jpg?_wi=2" },
+              { id: "p3", name: "Layered Gold Chain", price: "$850", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-palo-santo_23-2151936999.jpg?_wi=2" },
+              { id: "p4", name: "Gold Ring", price: "$600", imageSrc: "http://img.b2bpic.net/free-photo/expensive-golden-ring-with-white-powder-background_23-2150347047.jpg?_wi=2" },
+              { id: "p5", name: "Luxury Earrings", price: "$950", imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-female-wearing-silver-necklace-with-beautiful-lock-pendant_181624-27833.jpg" },
+              { id: "p6", name: "Gold Bracelet", price: "$750", imageSrc: "http://img.b2bpic.net/free-photo/golden-cufflings-wedding-rings-watch-lie-wooden-table_8353-405.jpg" },
+            ]}
+            title="Our Products"
+            description="Explore our complete collection of premium luxury accessories."
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Luxury", items: [{ label: "Home", href: "/" }] },
+              { title: "Products", items: [{ label: "Shop All", href: "/products" }] },
+            ]}
+            logoText="AL SHAMALI"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}