Add src/app/products/page.tsx

2026-04-16 16:13:47 +00:00
parent f55bf27856
commit 103bbc717e
1 changed files with 54 additions and 0 deletions
--- a/src/app/products/page.tsx
+++ b/src/app/products/page.tsx
@@ -0,0 +1,54 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import { Linkedin, Twitter, Instagram } from "lucide-react";
+
+export default function ProductsPage() {
+  return (
+    <ThemeProvider>
+      <ReactLenis root>
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "/#about" },
+            { name: "Artists", id: "/#artists" },
+            { name: "Releases", id: "/#releases" },
+            { name: "Products", id: "/products" },
+            { name: "Contact", id: "/#contact" },
+          ]}
+          brandName="AMC RECORDS"
+        />
+
+        <div className="pt-32 pb-20">
+          <ProductCardFour
+            title="OUR DISCOGRAPHY"
+            description="Stream our catalog on all platforms."
+            useInvertedBackground={false}
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            animationType="slide-up"
+            products={[
+              { id: "p1", name: "ALZIAMO UN CALICE", price: "Listen on Spotify", variant: "Spotify", imageSrc: "http://img.b2bpic.net/free-photo/halftone-monochrome-collage_23-2151004976.jpg" },
+              { id: "p2", name: "GLITCH 7", price: "Listen on Apple Music", variant: "Apple Music", imageSrc: "http://img.b2bpic.net/free-photo/3d-red-light-tube-black-backdrop_23-2147881283.jpg" },
+              { id: "p3", name: "ECHOES 2026", price: "Listen on Tidal", variant: "Tidal", imageSrc: "http://img.b2bpic.net/free-photo/woman-flower-background-red-blue-tone_53876-126903.jpg" },
+            ]}
+          />
+        </div>
+
+        <FooterCard
+          logoText="AMC RECORDS"
+          copyrightText="© 2026 AMC RECORDS. FOLLOW US ON SOCIAL MEDIA."
+          socialLinks={[
+            { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+            { icon: Twitter, href: "#", ariaLabel: "Twitter" },
+            { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
+          ]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}