Add src/app/portfolio/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -36,6 +36,7 @@ export default function LandingPage() {
         { name: "About", id: "about" },
         { name: "Work", id: "work" },
         { name: "Booking", id: "contact" },
+        { name: "Portfolio", id: "portfolio" },
       ]}
       brandName="Elysian Artistry"
     />

src/app/portfolio/page.tsx

@@ -0,0 +1,56 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+
+export default function PortfolioPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-bubble"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="soft"
+        contentWidth="mediumLarge"
+        sizing="large"
+        background="circleGradient"
+        cardStyle="gradient-mesh"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="layered"
+        headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "home" },
+              { name: "About", id: "about" },
+              { name: "Work", id: "work" },
+              { name: "Booking", id: "contact" },
+              { name: "Portfolio", id: "portfolio" },
+            ]}
+            brandName="Elysian Artistry"
+          />
+        </div>
+
+        <div id="portfolio" data-section="portfolio" className="py-20">
+          <div className="container mx-auto px-4">
+            <h1 className="text-4xl font-bold mb-8">Our Portfolio</h1>
+            <p className="text-lg">Explore our collection of live wedding paintings and bespoke event art.</p>
+          </div>
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              { items: [{ label: "Services", href: "#work" }, { label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
+              { items: [{ label: "Instagram", href: "#" }, { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
+            ]}
+            logoText="Elysian Artistry"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}