Switch to version 1: remove src/app/services/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -30,9 +30,7 @@ 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" },
       ]}
@@ -46,7 +44,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: "/portfolio" }]}
+      buttons={[{ text: "View My Work", href: "#services" }]}
       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"
@@ -75,9 +73,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        { title: "Web Design", description: "Custom UI/UX designs that drive engagement.", buttonIcon: Palette, buttonHref: "/services" },
+        { title: "Web Design", description: "Custom UI/UX designs that drive engagement.", buttonIcon: Palette },
-        { title: "Web Development", description: "High-performance, responsive web applications.", buttonIcon: Code, buttonHref: "/services" },
+        { title: "Web Development", description: "High-performance, responsive web applications.", buttonIcon: Code },
-        { title: "Brand Identity", description: "Visual identities that communicate your value.", buttonIcon: Award, buttonHref: "/services" }
+        { title: "Brand Identity", description: "Visual identities that communicate your value.", buttonIcon: Award }
       ]}
       title="What I Can Do For You"
       description="Comprehensive design services tailored to your specific needs."
@@ -123,4 +121,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/portfolio/page.tsx

@@ -1,47 +0,0 @@
-"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 BlogCardThree from '@/components/sections/blog/BlogCardThree';
-
-export default function PortfolioPage() {
-  return (
-    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
-      <ReactLenis root>
-        <div id="nav" data-section="nav">
-          <NavbarLayoutFloatingOverlay
-            navItems={[
-                { name: "About", id: "/about" },
-                { name: "Services", id: "/services" },
-                { name: "Pricing", id: "/pricing" },
-                { name: "Portfolio", id: "/portfolio" },
-                { name: "Contact", id: "/contact" },
-            ]}
-          />
-        </div>
-        <div className="pt-32 pb-20">
-            <BlogCardThree
-                title="Portfolio & Case Studies"
-                description="Showcasing impactful projects and client success stories."
-                textboxLayout="default"
-                animationType="slide-up"
-                useInvertedBackground={false}
-                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>
-        <div id="footer" data-section="footer">
-          <FooterLogoReveal 
-            logoText="FreelanceFlow" 
-            leftLink={{ text: "Privacy Policy", href: "#" }} 
-            rightLink={{ text: "Terms of Service", href: "#" }}
-          />
-        </div>
-      </ReactLenis>
-    </ThemeProvider>
-  );
-}

src/app/pricing/page.tsx

@@ -1,48 +0,0 @@
-"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 PricingCardThree from '@/components/sections/pricing/PricingCardThree';
-
-export default function PricingPage() {
-  return (
-    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
-      <ReactLenis root>
-        <div id="nav" data-section="nav">
-          <NavbarLayoutFloatingOverlay
-            navItems={[
-                { name: "About", id: "/about" },
-                { name: "Services", id: "/services" },
-                { name: "Pricing", id: "/pricing" },
-                { name: "Portfolio", id: "/portfolio" },
-                { name: "Contact", id: "/contact" },
-            ]}
-          />
-        </div>
-        <div className="pt-32 pb-20">
-            <PricingCardThree
-                title="Transparent Pricing"
-                description="Simple plans for every stage of your business growth."
-                textboxLayout="default"
-                animationType="slide-up"
-                useInvertedBackground={false}
-                plans={[
-                    { id: "starter", name: "Starter", price: "$999", features: ["Core UI Design", "Basic Development", "Responsive Layout"], buttons: [{ text: "Get Started" }] },
-                    { id: "pro", name: "Professional", price: "$2499", features: ["Everything in Starter", "Advanced Interactions", "SEO Setup", "Brand Assets"], buttons: [{ text: "Get Started" }] },
-                    { id: "enterprise", name: "Enterprise", price: "$4999", features: ["Full System Architecture", "Custom CMS", "Ongoing Support", "Performance Optimization"], buttons: [{ text: "Get Started" }] }
-                ]}
-            />
-        </div>
-        <div id="footer" data-section="footer">
-          <FooterLogoReveal 
-            logoText="FreelanceFlow" 
-            leftLink={{ text: "Privacy Policy", href: "#" }} 
-            rightLink={{ text: "Terms of Service", href: "#" }}
-          />
-        </div>
-      </ReactLenis>
-    </ThemeProvider>
-  );
-}

src/app/services/page.tsx

@@ -1,51 +0,0 @@
-"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 defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
-      <ReactLenis root>
-        <div id="nav" data-section="nav">
-          <NavbarLayoutFloatingOverlay
-            navItems={[
-                { name: "About", id: "/about" },
-                { name: "Services", id: "/services" },
-                { name: "Pricing", id: "/pricing" },
-                { name: "Portfolio", id: "/portfolio" },
-                { name: "Contact", id: "/contact" },
-            ]}
-          />
-        </div>
-        <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>
-        <div id="footer" data-section="footer">
-          <FooterLogoReveal 
-            logoText="FreelanceFlow" 
-            leftLink={{ text: "Privacy Policy", href: "#" }} 
-            rightLink={{ text: "Terms of Service", href: "#" }}
-          />
-        </div>
-      </ReactLenis>
-    </ThemeProvider>
-  );
-}