src/app/page.tsx

@@ -30,7 +30,9 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         { name: "About", id: "about" },
-        { name: "Services", id: "services" },
+        { name: "Services", id: "/services" },
+        { name: "Pricing", id: "/pricing" },
+        { name: "Portfolio", id: "/portfolio" },
         { name: "Testimonials", id: "testimonials" },
         { name: "Contact", id: "contact" },
       ]}
@@ -44,7 +46,7 @@ export default function LandingPage() {
       title="Elevate Your Brand with Expert Design"
       description="I help growing businesses turn their vision into high-impact digital experiences through custom design and development."
       tag="Freelance Design Services"
-      buttons={[{ text: "View My Work", href: "#services" }]}
+      buttons={[{ text: "View My Work", href: "/portfolio" }]}
       mediaItems={[
         {
           imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZHUtJmNFxNxyKqx53sXzvtw1r/a-professional-minimalist-desk-setup-for-1774689729470-66489b79.png?_wi=1",          imageAlt: "Freelance desk setup"
@@ -73,9 +75,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        { title: "Web Design", description: "Custom UI/UX designs that drive engagement.", buttonIcon: Palette },
-        { title: "Web Development", description: "High-performance, responsive web applications.", buttonIcon: Code },
-        { title: "Brand Identity", description: "Visual identities that communicate your value.", buttonIcon: Award }
+        { title: "Web Design", description: "Custom UI/UX designs that drive engagement.", buttonIcon: Palette, buttonHref: "/services" },
+        { title: "Web Development", description: "High-performance, responsive web applications.", buttonIcon: Code, buttonHref: "/services" },
+        { title: "Brand Identity", description: "Visual identities that communicate your value.", buttonIcon: Award, buttonHref: "/services" }
       ]}
       title="What I Can Do For You"
       description="Comprehensive design services tailored to your specific needs."
@@ -121,4 +123,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/portfolio/page.tsx

@@ -0,0 +1,44 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import { BlogCardOne } from '@/components/sections/blog/BlogCardOne';
+
+export default function PortfolioPage() {
+  return (
+    <ThemeProvider>
+      <ReactLenis root>
+        <NavbarLayoutFloatingOverlay
+            navItems={[
+                { name: "About", id: "/about" },
+                { name: "Services", id: "/services" },
+                { name: "Pricing", id: "/pricing" },
+                { name: "Portfolio", id: "/portfolio" },
+                { name: "Testimonials", id: "/testimonials" },
+                { name: "Contact", id: "/contact" },
+            ]}
+            brandName="FreelanceFlow"
+        />
+        <div className="pt-32 pb-20">
+            <BlogCardOne
+                title="Portfolio & Case Studies"
+                description="Showcasing impactful projects and client success stories."
+                textboxLayout="default"
+                animationType="slide-up"
+                blogs={[
+                    { id: "1", category: "Design", title: "E-commerce Redesign", excerpt: "Increased conversion by 40% through intuitive UI changes.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZHUtJmNFxNxyKqx53sXzvtw1r/a-professional-minimalist-desk-setup-for-1774689729470-66489b79.png?_wi=1", authorName: "Admin", authorAvatar: "", date: "2024-05-12" },
+                    { id: "2", category: "Web App", title: "Fintech Dashboard", excerpt: "Complex data visualization made simple and beautiful.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZHUtJmNFxNxyKqx53sXzvtw1r/a-modern-abstract-digital-interface-over-1774689735040-df6a2a23.png", authorName: "Admin", authorAvatar: "", date: "2024-06-01" }
+                ]}
+            />
+        </div>
+        <FooterLogoReveal 
+            logoText="FreelanceFlow" 
+            leftLink={{ text: "Privacy Policy", href: "#" }} 
+            rightLink={{ text: "Terms of Service", href: "#" }}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/pricing/page.tsx

@@ -0,0 +1,45 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
+
+export default function PricingPage() {
+  return (
+    <ThemeProvider>
+      <ReactLenis root>
+        <NavbarLayoutFloatingOverlay
+            navItems={[
+                { name: "About", id: "/about" },
+                { name: "Services", id: "/services" },
+                { name: "Pricing", id: "/pricing" },
+                { name: "Portfolio", id: "/portfolio" },
+                { name: "Testimonials", id: "/testimonials" },
+                { name: "Contact", id: "/contact" },
+            ]}
+            brandName="FreelanceFlow"
+        />
+        <div className="pt-32 pb-20">
+            <PricingCardNine
+                title="Transparent Pricing"
+                description="Simple plans for every stage of your business growth."
+                textboxLayout="default"
+                animationType="slide-up"
+                plans={[
+                    { id: "starter", title: "Starter", price: "$999", period: "one-time", features: ["Core UI Design", "Basic Development", "Responsive Layout"], button: { text: "Get Started" } },
+                    { id: "pro", title: "Professional", price: "$2499", period: "one-time", features: ["Everything in Starter", "Advanced Interactions", "SEO Setup", "Brand Assets"], button: { text: "Get Started" } },
+                    { id: "enterprise", title: "Enterprise", price: "$4999", period: "one-time", features: ["Full System Architecture", "Custom CMS", "Ongoing Support", "Performance Optimization"], button: { text: "Get Started" } }
+                ]}
+            />
+        </div>
+        <FooterLogoReveal 
+            logoText="FreelanceFlow" 
+            leftLink={{ text: "Privacy Policy", href: "#" }} 
+            rightLink={{ text: "Terms of Service", href: "#" }}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/services/page.tsx

@@ -0,0 +1,49 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
+import { Palette, Code, Award, Layers, Search, Zap } from "lucide-react";
+
+export default function ServicesPage() {
+  return (
+    <ThemeProvider>
+      <ReactLenis root>
+        <NavbarLayoutFloatingOverlay
+            navItems={[
+                { name: "About", id: "/about" },
+                { name: "Services", id: "/services" },
+                { name: "Pricing", id: "/pricing" },
+                { name: "Portfolio", id: "/portfolio" },
+                { name: "Testimonials", id: "/testimonials" },
+                { name: "Contact", id: "/contact" },
+            ]}
+            brandName="FreelanceFlow"
+        />
+        <div className="pt-32 pb-20">
+            <FeatureCardTwentySix
+                textboxLayout="split"
+                useInvertedBackground={false}
+                title="Detailed Service Offerings"
+                description="Explore our professional design and development capabilities in detail."
+                features={[
+                    { title: "UI/UX Design", description: "Crafting intuitive interfaces with high conversion rates.", buttonIcon: Palette },
+                    { title: "Frontend Development", description: "Building fast, accessible, and responsive web experiences.", buttonIcon: Code },
+                    { title: "Brand Strategy", description: "Defining your brand voice and visual identity.", buttonIcon: Award },
+                    { title: "System Architecture", description: "Scaling your digital infrastructure for growth.", buttonIcon: Layers },
+                    { title: "SEO Optimization", description: "Ranking higher and reaching your target audience.", buttonIcon: Search },
+                    { title: "Performance Audits", description: "Optimizing speed and user satisfaction metrics.", buttonIcon: Zap }
+                ]}
+            />
+        </div>
+        <FooterLogoReveal 
+            logoText="FreelanceFlow" 
+            leftLink={{ text: "Privacy Policy", href: "#" }} 
+            rightLink={{ text: "Terms of Service", href: "#" }}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}