Update src/app/portfolio/page.tsx

src/app/portfolio/page.tsx

@@ -14,25 +14,27 @@ export default function PortfolioPage() {
         borderRadius="pill"
         contentWidth="small"
         sizing="medium"
-        background="noiseDiagonalGradient"
-        cardStyle="glass-elevated"
-        primaryButtonStyle="gradient"
-        secondaryButtonStyle="glass"
+        background="none"
+        cardStyle="outline"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="solid"
         headingFontWeight="bold"
     >
       <ReactLenis root>
+        <div id="nav" data-section="nav">
           <NavbarStyleCentered
             navItems={[
               { name: "Home", id: "/" },
-            { name: "Services", id: "/services" },
               { name: "About", id: "/about" },
-            { name: "Portfolio", id: "/portfolio" },
               { name: "Pricing", id: "/pricing" },
               { name: "Contact", id: "/contact" },
+              { name: "Portfolio", id: "/portfolio" },
+              { name: "Services", id: "/services" },
             ]}
             brandName="Open Vibes"
           />
-        <div className="pt-32 pb-20">
+        </div>
+        <div id="portfolio" data-section="portfolio">
           <ProductCardFour
             title="Selected Works"
             description="A curated showcase of luxury digital transformations."
@@ -46,13 +48,15 @@ export default function PortfolioPage() {
             ]}
           />
         </div>
+        <div id="footer" data-section="footer">
           <FooterLogoEmphasis
             logoText="Open Vibes"
             columns={[
-            { items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }] },
-            { items: [{ label: "Pricing", href: "/pricing" }, { label: "Contact", href: "/contact" }] },
+              { items: [{ label: "About", href: "/about" }, { label: "Pricing", href: "/pricing" }, { label: "Portfolio", href: "/portfolio" }] },
+              { items: [{ label: "Contact", href: "/contact" }, { label: "Services", href: "/services" }] },
             ]}
           />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );