Add src/app/portfolio/page.tsx

2026-04-09 16:41:40 +00:00
parent 59f95dfbb2
commit ff8a48514c
1 changed files with 66 additions and 0 deletions
--- a/src/app/portfolio/page.tsx
+++ b/src/app/portfolio/page.tsx
@@ -0,0 +1,66 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
+
+export default function PortfolioPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="soft"
+        contentWidth="small"
+        sizing="mediumLargeSizeLargeTitles"
+        background="grid"
+        cardStyle="gradient-radial"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="solid"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingInline
+            navItems={[
+                { name: "About", id: "/#about" },
+                { name: "Portfolio", id: "/portfolio" },
+                { name: "Services", id: "/#features" },
+                { name: "Results", id: "/#metrics" },
+            ]}
+            brandName="Vantage Media"
+            button={{ text: "Get Proposal", href: "/#contact" }}
+            />
+        </div>
+
+        <div id="projects" data-section="features">
+            <FeatureCardThree
+                title="Selected Portfolio"
+                description="Showcasing our impact through data-driven campaigns and creative excellence."
+                textboxLayout="default"
+                gridVariant="one-large-left-three-stacked-right"
+                animationType="slide-up"
+                features={[
+                    { title: "Brand Launch", description: "Scale from 0 to 1M monthly impressions within 3 months.", imageSrc: "http://img.b2bpic.net/free-photo/internet-social-technology-digital-connection-device_53876-133750.jpg" },
+                    { title: "Conversion Optimization", description: "4x increase in lead conversion for e-commerce.", imageSrc: "http://img.b2bpic.net/free-photo/graph-data-show-summary-analysis-icon-graphic_53876-128061.jpg" },
+                    { title: "Cinematic Campaign", description: "High-retention video assets for premium fashion brand.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-happy-record-make-up-video_23-2148586368.jpg" },
+                    { title: "Community Growth", description: "Organic social expansion for tech pioneers.", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797653.jpg" }
+                ]}
+            />
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterMedia
+                logoText="Vantage Media"
+                columns={[
+                    { title: "Agency", items: [{ label: "About Us", href: "/#about" }, { label: "Our Work", href: "/portfolio" }, { label: "Careers", href: "#" }] },
+                    { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
+                ]}
+                copyrightText="© 2025 | Vantage Media"
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}