Add src/app/portfolio/page.tsx

2026-05-11 13:40:44 +00:00
parent 6a57e89a40
commit 1fc9ebf017
1 changed files with 72 additions and 0 deletions
--- a/src/app/portfolio/page.tsx
+++ b/src/app/portfolio/page.tsx
@@ -0,0 +1,72 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import ProductCardFour from "@/components/sections/product/ProductCardFour";
+import TeamCardFive from "@/components/sections/team/TeamCardFive";
+import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+
+export default function PortfolioPage() {
+    const navItems = [
+        { name: "Home", id: "/" },
+        { name: "About", id: "/#about" },
+        { name: "Portfolio", id: "/portfolio" },
+        { name: "Contact", id: "/#contact" },
+    ];
+
+    return (
+        <ThemeProvider
+            defaultButtonVariant="icon-arrow"
+            defaultTextAnimation="entrance-slide"
+            borderRadius="rounded"
+            contentWidth="medium"
+            sizing="medium"
+            background="none"
+            cardStyle="glass-elevated"
+            primaryButtonStyle="shadow"
+            secondaryButtonStyle="solid"
+            headingFontWeight="medium"
+        >
+            <ReactLenis root>
+                <NavbarLayoutFloatingInline
+                    navItems={navItems}
+                    brandName="Coach"
+                    button={{ text: "Book a Call", href: "/#contact" }}
+                />
+                <ProductCardFour
+                    title="Photo Gallery"
+                    description="Showcasing key milestones and moments from our business journey."
+                    tag="Portfolio"
+                    gridVariant="bento-grid"
+                    animationType="slide-up"
+                    textboxLayout="default"
+                    useInvertedBackground={false}
+                    products={[
+                        { id: "1", name: "Conference Talk", price: "2023", variant: "Keynote", imageSrc: "https://images.unsplash.com/photo-1505373877841-8d25f7d46678?w=800&h=600&fit=crop" },
+                        { id: "2", name: "Team Workshop", price: "2024", variant: "Workshop", imageSrc: "https://images.unsplash.com/photo-1522202176988-66273c2fd55f?w=800&h=600&fit=crop" },
+                        { id: "3", name: "Strategy Session", price: "2024", variant: "Consulting", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop" },
+                    ]}
+                />
+                <TeamCardFive
+                    title="Meet the Owner"
+                    description="Hi, I'm John Anderson. I've spent over a decade helping leaders find clarity and scale their impact. My approach is rooted in real-world experience, proven systems, and a deep commitment to your success."
+                    tag="About Me"
+                    animationType="slide-up"
+                    textboxLayout="default"
+                    useInvertedBackground={false}
+                    team={[
+                        { id: "1", name: "John Anderson", role: "Founder & Lead Coach", imageSrc: "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=400&h=400&fit=crop&crop=face" },
+                    ]}
+                />
+                <FooterLogoEmphasis
+                    logoText="Coach"
+                    columns={[
+                        { items: [{ label: "Home", href: "/" }, { label: "Portfolio", href: "/portfolio" }] },
+                        { items: [{ label: "Contact", href: "/#contact" }] },
+                    ]}
+                />
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}