Add src/app/portfolio/page.tsx

2026-03-30 03:10:59 +00:00
parent 40b9adbbcf
commit e6791c91ef
1 changed files with 71 additions and 0 deletions
--- a/src/app/portfolio/page.tsx
+++ b/src/app/portfolio/page.tsx
@@ -0,0 +1,71 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
+import ProductCardThree from "@/components/sections/product/ProductCardThree";
+import ContactCenter from "@/components/sections/contact/ContactCenter";
+import FooterBase from "@/components/sections/footer/FooterBase";
+
+export default function PortfolioPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="hover-bubble"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="mediumSmall"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered
+          brandName="Miami Millwork Co."
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Portfolio", id: "#projects" },
+            { name: "Contact", id: "/contact" }
+          ]}
+        />
+      </div>
+
+      <div id="projects" data-section="projects">
+        <ProductCardThree
+          title="Project Gallery"
+          description="Browse our collection of custom kitchens and bespoke closet installations, featuring before and after transformations."
+          textboxLayout="default"
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          products={[
+            {
+              id: "1",              name: "Modern Kitchen Transformation",              price: "Before & After",              imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-with-minimalist-design_169016-19754.jpg",              imageAlt: "Custom kitchen millwork"
+            },
+            {
+              id: "2",              name: "Luxury Walk-in Closet",              price: "Custom Design",              imageSrc: "http://img.b2bpic.net/free-photo/bright-wardrobe-with-tall-black-handles-round-mirror-minimal-interior_169016-69452.jpg",              imageAlt: "Custom closet organization"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactCenter
+          tag="Get Started"
+          title="Request a Quote"
+          description="Ready to discuss your custom project? Send us your details and we'll be in touch."
+          background={{ variant: "downward-rays-animated" }}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBase
+          columns={[
+            { title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Portfolio", href: "/portfolio" }, { label: "Contact", href: "/contact" }] }
+          ]}
+          logoText="Miami Millwork Co."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}