Add src/app/templates/page.tsx

2026-06-03 17:13:38 +00:00
parent 41ed5ab2ea
commit fb67ae11b8
1 changed files with 103 additions and 0 deletions
--- a/src/app/templates/page.tsx
+++ b/src/app/templates/page.tsx
@@ -0,0 +1,103 @@
+"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';
+
+export default function TemplatesPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="smallMedium"
+        sizing="mediumLarge"
+        background="noise"
+        cardStyle="solid"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="solid"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              {
+                name: "Home", id: "#home"
+              },
+              {
+                name: "About", id: "#about"
+              },
+              {
+                name: "Features", id: "#features"
+              },
+              {
+                name: "Templates", id: "/templates"
+              },
+              {
+                name: "Pricing", id: "#pricing"
+              },
+              {
+                name: "Testimonials", id: "#testimonials"
+              },
+              {
+                name: "FAQ", id: "#faq"
+              },
+              {
+                name: "Contact", id: "#contact"
+              },
+              {
+                name: "Login", id: "/login"
+              }
+            ]}
+            button={{
+              text: "Browse Templates", href: "/templates"
+            }}
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ruakxa"
+            brandName="BuildDigital"
+          />
+        </div>
+
+        <div id="templates" data-section="templates">
+          <ProductCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={[
+              {
+                id: "t1",                name: "Pro Social Media Kit",                price: "$35.00",                imageSrc: "http://img.b2bpic.net/free-psd/flat-design-business-strategy-instagram-stories_23-2150683758.jpg",                imageAlt: "Canva Social Media Template"},
+              {
+                id: "t2",                name: "YouTube Intro Pack",                price: "$45.00",                imageSrc: "http://img.b2bpic.net/free-photo/cinema-still-life_23-2148017206.jpg",                imageAlt: "CapCut Video Intro Template"},
+              {
+                id: "t3",                name: "Advanced Notion Planner",                price: "$55.00",                imageSrc: "http://img.b2bpic.net/free-photo/glasses-calculator-coins-tablet-white-neat-desk_1387-289.jpg",                imageAlt: "Notion Productivity Template"},
+              {
+                id: "t4",                name: "Modern Portfolio WordPress Theme",                price: "$89.00",                imageSrc: "http://img.b2bpic.net/free-photo/front-view-desk-concept-with-copy-space_23-2148459730.jpg",                imageAlt: "WordPress Website Template"},
+              {
+                id: "t5",                name: "Infographic Video Template",                price: "$40.00",                imageSrc: "http://img.b2bpic.net/free-vector/colorful-infographics-timeline-flat-design_52683-16867.jpg",                imageAlt: "Alight Motion Infographic Template"},
+              {
+                id: "t6",                name: "SaaS Dashboard UI Kit",                price: "$65.00",                imageSrc: "http://img.b2bpic.net/free-vector/workout-tracker-application_23-2148676935.jpg",                imageAlt: "Figma UI Kit Template"}
+            ]}
+            title="Our Premium Templates"
+            description="Discover a wide array of professionally designed templates for all your creative and business needs."
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ruakxa"
+            logoText="BuildDigital"
+            leftLink={{
+              text: "Privacy Policy", href: "#"
+            }}
+            rightLink={{
+              text: "Terms of Service", href: "#"
+            }}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}