Update src/app/seo/page.tsx

Merge version_7 into main

src/app/blog/page.tsx

@@ -32,6 +32,7 @@ export default function BlogPage() {
                             { name: "Services", id: "services" },
                             { name: "Results", id: "metrics" },
                             { name: "Case Studies", id: "casestudies" },
+                            { name: "SEO", id: "/seo" },
                             { name: "Pricing", id: "pricing" },
                             { name: "Contact", id: "contact" }
                         ]}
@@ -64,7 +65,7 @@ export default function BlogPage() {
                             {
                                 items: [
                                     { label: "Services", href: "services" },
-                                    { label: "SEO", href: "#" },
+                                    { label: "SEO", href: "/seo" },
                                     { label: "PPC Advertising", href: "#" },
                                     { label: "Social Media", href: "#" }
                                 ]
@@ -73,7 +74,7 @@ export default function BlogPage() {
                                 items: [
                                     { label: "Company", href: "#" },
                                     { label: "About Us", href: "#" },
-                                    { label: "Case Studies", href: "casestudies" },
+                                    { label: "Case Studies", href: "/" },
                                     { label: "Careers", href: "#" }
                                 ]
                             },
@@ -99,4 +100,4 @@ export default function BlogPage() {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}

src/app/ecommerce/page.tsx

@@ -0,0 +1,251 @@
+"use client";
+
+import React from "react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
+import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
+import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
+import ContactText from '@/components/sections/contact/ContactText';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import { Package, Sparkles, TrendingUp, Target, Rocket, Award } from "lucide-react";
+
+export default function EcommercePage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="bounce-effect"
+      defaultTextAnimation="background-highlight"
+      borderRadius="pill"
+      contentWidth="smallMedium"
+      sizing="mediumLargeSizeMediumTitles"
+      background="noiseDiagonalGradient"
+      cardStyle="gradient-mesh"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="layered"
+      headingFontWeight="extrabold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple
+          brandName="PerformanceHub"
+          navItems={[
+            { name: "Services", id: "services" },
+            { name: "Products", id: "products" },
+            { name: "Results", id: "metrics" },
+            { name: "Solutions", id: "solutions" },
+            { name: "Pricing", id: "pricing" },
+            { name: "Contact", id: "contact" }
+          ]}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroBillboardScroll
+          title="E-Commerce Solutions That Drive Sales & Revenue"
+          description="Maximize your online store's potential with our comprehensive e-commerce marketing strategies. Amsterdam-based experts specializing in product visibility, conversion optimization, and sustainable growth."
+          tag="E-Commerce Marketing Experts"
+          tagIcon={Package}
+          background={{ variant: "radial-gradient" }}
+          imageSrc="https://img.b2bpic.net/free-photo/businessman-working-laptop-internet-shopping-e-commerce-online-business-concept_1098-3489.jpg"
+          imageAlt="E-commerce marketplace with shopping products and retail items"
+          buttons={[
+            { text: "Grow Your Store", href: "contact" },
+            { text: "View Case Studies", href: "/" }
+          ]}
+        />
+      </div>
+
+      <div id="products" data-section="products">
+        <ProductCardFour
+          title="Featured Ecommerce Products"
+          description="Explore our curated collection of high-performing products optimized for maximum conversion and customer satisfaction"
+          tag="Product Showcase"
+          tagIcon={Package}
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          gridVariant="uniform-all-items-equal"
+          products={[
+            {
+              id: "1",              name: "Premium Workflow Optimizer Pro",              price: "$129.99",              variant: "Black • 2 Colors",              imageSrc: "https://img.b2bpic.net/free-photo/businessman-working-laptop-internet-shopping-e-commerce-online-business-concept_1098-3489.jpg",              imageAlt: "Premium Workflow Optimizer Pro product",              isFavorited: false,
+              onFavorite: () => console.log('favorited'),
+              onProductClick: () => window.open('/product/1', '_blank')
+            },
+            {
+              id: "2",              name: "Business Intelligence Suite",              price: "$199.99",              variant: "Silver • 3 Colors",              imageSrc: "https://img.b2bpic.net/free-photo/businesswoman-working-laptop_53876-163211.jpg",              imageAlt: "Business Intelligence Suite product",              isFavorited: false,
+              onFavorite: () => console.log('favorited'),
+              onProductClick: () => window.open('/product/2', '_blank')
+            },
+            {
+              id: "3",              name: "Team Collaboration Tool Premium",              price: "$149.99",              variant: "White • 4 Colors",              imageSrc: "https://img.b2bpic.net/free-photo/business-woman-talking-about-financial-project-taking-notes-discussing-start-up-ideas-using-laptop-diverse-employees-gathered-co-working-working-process-busy-company-teamwork-help-concept_482257-13564.jpg",              imageAlt: "Team Collaboration Tool Premium product",              isFavorited: false,
+              onFavorite: () => console.log('favorited'),
+              onProductClick: () => window.open('/product/3', '_blank')
+            },
+            {
+              id: "4",              name: "Analytics Dashboard Pro",              price: "$249.99",              variant: "Blue • 5 Colors",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-image-young-african-man-sitting-coworking_171337-13500.jpg",              imageAlt: "Analytics Dashboard Pro product",              isFavorited: false,
+              onFavorite: () => console.log('favorited'),
+              onProductClick: () => window.open('/product/4', '_blank')
+            }
+          ]}
+        />
+      </div>
+
+      <div id="services" data-section="services">
+        <FeatureCardTwentyThree
+          title="Our E-Commerce Marketing Services"
+          description="Complete strategies tailored to grow your online store, increase product visibility, and maximize conversion rates"
+          tag="E-Commerce Solutions"
+          tagIcon={Sparkles}
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          features={[
+            {
+              id: "1",              title: "Product Visibility & SEO",              tags: ["Search Rankings", "Organic Traffic"],
+              imageSrc: "https://img.b2bpic.net/free-photo/close-up-digital-tablet-with-bar-graph_1098-3523.jpg",              imageAlt: "Product SEO and visibility optimization"
+            },
+            {
+              id: "2",              title: "Conversion Rate Optimization",              tags: ["Higher Sales", "Cart Optimization"],
+              imageSrc: "https://img.b2bpic.net/free-photo/businesswoman-working-laptop_53876-163211.jpg",              imageAlt: "Conversion optimization for e-commerce"
+            },
+            {
+              id: "3",              title: "Paid Product Advertising",              tags: ["Google Shopping", "Social Ads"],
+              imageSrc: "https://img.b2bpic.net/free-photo/business-woman-talking-about-financial-project-taking-notes-discussing-start-up-ideas-using-laptop-diverse-employees-gathered-co-working-working-process-busy-company-teamwork-help-concept_482257-13564.jpg",              imageAlt: "Paid advertising and product promotion"
+            },
+            {
+              id: "4",              title: "Customer Retention & Analytics",              tags: ["Email Marketing", "Data Insights"],
+              imageSrc: "https://img.b2bpic.net/free-photo/top-view-image-young-african-man-sitting-coworking_171337-13500.jpg",              imageAlt: "Customer retention and analytics"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="metrics" data-section="metrics">
+        <MetricCardEleven
+          title="E-Commerce Growth Results"
+          description="Real numbers from real stores - measurable growth in sales, traffic, and customer value"
+          tag="Proven E-Commerce Success"
+          tagIcon={TrendingUp}
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          buttons={[
+            { text: "Grow Your Store", href: "contact" }
+          ]}
+          metrics={[
+            {
+              id: "1",              value: "285%",              title: "Average Sales Increase",              description: "Clients typically see 285% increase in revenue within first year",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-office-supplies_1098-3510.jpg",              imageAlt: "Sales growth metrics"
+            },
+            {
+              id: "2",              value: "3.2x",              title: "Average ROI Multiple",              description: "For every dollar spent on our e-commerce strategies, clients earn 3.2x returns",              imageSrc: "https://img.b2bpic.net/free-photo/businessman-holding-laptop-showing-financial-data_9975-22146.jpg",              imageAlt: "ROI and return metrics"
+            },
+            {
+              id: "3",              value: "52%",              title: "Average Conversion Lift",              description: "Conversion rate improvements through optimization and A/B testing",              imageSrc: "https://img.b2bpic.net/free-photo/digital-laptop-working-global-business-concept_53876-23438.jpg",              imageAlt: "Conversion rate optimization results"
+            },
+            {
+              id: "4",              value: "180+",              title: "E-Commerce Stores Served",              description: "Successful partnerships with businesses of all sizes",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-digital-tablet-with-bar-graph_1098-3523.jpg",              imageAlt: "Customer portfolio and success stories"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="solutions" data-section="solutions">
+        <PricingCardTwo
+          title="E-Commerce Marketing Plans"
+          description="Flexible plans designed for online retailers at every growth stage. All include strategy, implementation, and continuous optimization."
+          tag="Custom Solutions"
+          tagIcon={Target}
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          plans={[
+            {
+              id: "1",              badge: "Startup Store",              badgeIcon: Rocket,
+              price: "$3,000/month",              subtitle: "Perfect for new and emerging online stores",              buttons: [
+                { text: "Get Started", href: "contact" },
+                { text: "Learn More", href: "#" }
+              ],
+              features: [
+                "Product SEO optimization",                "Basic paid advertising setup",                "Monthly analytics reports",                "Conversion testing"
+              ]
+            },
+            {
+              id: "2",              badge: "Growth Store",              badgeIcon: Sparkles,
+              price: "$6,500/month",              subtitle: "For established stores ready to scale",              buttons: [
+                { text: "Start Growing", href: "contact" },
+                { text: "Schedule Demo", href: "#" }
+              ],
+              features: [
+                "Complete product visibility strategy",                "Paid ads across all platforms",                "Advanced A/B testing & optimization",                "Dedicated account manager",                "Email marketing campaigns"
+              ]
+            },
+            {
+              id: "3",              badge: "Enterprise Store",              badgeIcon: Award,
+              price: "Custom",              subtitle: "For high-volume e-commerce operations",              buttons: [
+                { text: "Contact Sales", href: "contact" },
+                { text: "Request Proposal", href: "#" }
+              ],
+              features: [
+                "Custom omnichannel strategy",                "Real-time marketing adjustments",                "Inventory-based automation",                "Custom integrations & API access",                "Dedicated team allocation",                "24/7 priority support"
+              ]
+            }
+          ]}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactText
+          text="Ready to transform your e-commerce business? Let's analyze your store, identify opportunities, and build a winning strategy together."
+          animationType="background-highlight"
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
+          buttons={[
+            { text: "Schedule Store Audit", href: "contact" },
+            { text: "Explore Solutions", href: "#" }
+          ]}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterLogoEmphasis
+          logoText="PerformanceHub"
+          columns={[
+            {
+              items: [
+                { label: "Services", href: "services" },
+                { label: "E-Commerce", href: "/ecommerce" },
+                { label: "Product Visibility", href: "#" },
+                { label: "Sales Optimization", href: "#" }
+              ]
+            },
+            {
+              items: [
+                { label: "Company", href: "#" },
+                { label: "About Us", href: "#" },
+                { label: "Case Studies", href: "/" },
+                { label: "Careers", href: "#" }
+              ]
+            },
+            {
+              items: [
+                { label: "Resources", href: "#" },
+                { label: "Blog", href: "#" },
+                { label: "Guides", href: "#" },
+                { label: "Webinars", href: "#" }
+              ]
+            },
+            {
+              items: [
+                { label: "Legal", href: "#" },
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" },
+                { label: "Contact", href: "contact" }
+              ]
+            }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/layout.tsx

@@ -1,51 +1,22 @@
 import type { Metadata } from "next";
-import { Public_Sans } from "next/font/google";
 import { Inter } from "next/font/google";
 import "./globals.css";
-import { ServiceWrapper } from "@/components/ServiceWrapper";
+import "./styles/variables.css";
-import Tag from "@/tag/Tag";
+import "./styles/base.css";
 
-const publicSans = Public_Sans({
+const inter = Inter({ subsets: ["latin"] });
-  variable: "--font-public-sans",  subsets: ["latin"],
-});
-
-const inter = Inter({
-  variable: "--font-inter",  subsets: ["latin"],
-});
 
 export const metadata: Metadata = {
-  title: "Performance Marketing Agency Amsterdam | Data-Driven Results",  description: "Amsterdam-based performance marketing agency specializing in SEO, PPC, and conversion optimization. 312% avg ROI increase for 500+ clients.",  keywords: "performance marketing Amsterdam, digital marketing agency, SEO services, PPC advertising, conversion optimization, growth marketing",  metadataBase: new URL("https://performancehub.example.com"),
+  title: "PerformanceHub - Performance Marketing Agency",  description: "Amsterdam-based performance marketing agency specializing in SEO, PPC, and conversion optimization."};
-  alternates: {
-    canonical: "https://performancehub.example.com"
-  },
-  openGraph: {
-    title: "PerformanceHub - Performance Marketing Agency Amsterdam",    description: "Boost your ROI with data-driven marketing strategies. Proven expertise in SEO, PPC, and conversion optimization.",    url: "https://performancehub.example.com",    siteName: "PerformanceHub",    type: "website",    images: [{
-      url: "https://img.b2bpic.net/free-photo/multi-ethnic-business-team-sitting-table-office-center-speaking-about-project-meeting-broadroom_482257-5077.jpg",      alt: "Performance Marketing Dashboard"
-    }]
-  },
-  twitter: {
-    card: "summary_large_image",    title: "PerformanceHub - Performance Marketing Agency",    description: "Data-driven marketing strategies that deliver results. Amsterdam-based experts in growth marketing.",    images: ["https://img.b2bpic.net/free-photo/multi-ethnic-business-team-sitting-table-office-center-speaking-about-project-meeting-broadroom_482257-5077.jpg"]
-  },
-  robots: {
-    index: true,
-    follow: true
-  }
-};
 
 export default function RootLayout({
   children,
-}: Readonly<{
+}: {
   children: React.ReactNode;
-}>) {
+}) {
   return (
-    <html lang="en" suppressHydrationWarning>
+    <html lang="en">
-      <ServiceWrapper>
+      <body className={inter.className}>{children}
-        <body
-          className={`${publicSans.variable} ${inter.variable} antialiased`}
-        >
-          <Tag />
-          {children}
-        
         <script
           dangerouslySetInnerHTML={{
             __html: `
@@ -1327,7 +1298,6 @@ export default function RootLayout({
           }}
         />
       </body>
-      </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -10,7 +10,8 @@ import TestimonialCardTwelve from '@/components/sections/testimonial/Testimonial
 import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import { Award, Rocket, Sparkles, Star, Target, TrendingUp, Zap } from "lucide-react";
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import { Award, Package, Rocket, Sparkles, Star, Target, TrendingUp, Zap } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -33,6 +34,7 @@ export default function LandingPage() {
             { name: "Services", id: "services" },
             { name: "Results", id: "metrics" },
             { name: "Case Studies", id: "casestudies" },
+            { name: "Ecommerce", id: "/ecommerce" },
             { name: "Pricing", id: "pricing" },
             { name: "Contact", id: "contact" }
           ]}
@@ -46,8 +48,8 @@ export default function LandingPage() {
           tag="Amsterdam-Based Performance Marketing"
           tagIcon={Sparkles}
           background={{ variant: "radial-gradient" }}
-          imageSrc="https://img.b2bpic.net/free-photo/multi-ethnic-business-team-sitting-table-office-center-speaking-about-project-meeting-broadroom_482257-5077.jpg"
+          imageSrc="https://img.b2bpic.net/free-photo/businessman-working-laptop-internet-shopping-e-commerce-online-business-concept_1098-3489.jpg"
-          imageAlt="Performance marketing analytics dashboard showing real-time metrics"
+          imageAlt="E-commerce marketplace with shopping products and retail items"
           buttons={[
             { text: "Start Your Growth", href: "contact" },
             { text: "View Case Studies", href: "casestudies" }
@@ -67,7 +69,7 @@ export default function LandingPage() {
           features={[
             {
               id: "1",              title: "Search Engine Optimization (SEO)",              tags: ["Organic Traffic", "Long-term Growth"],
-              imageSrc: "https://img.b2bpic.net/free-photo/businesswoman-working-laptop_53876-163211.jpg",              imageAlt: "SEO optimization and search engine marketing strategies"
+              imageSrc: "https://img.b2bpic.net/free-photo/businesswoman-working-laptop_53876-163211.jpg",              imageAlt: "SEO optimization and search engine marketing strategies",              onFeatureClick: () => window.location.href = "/seo"
             },
             {
               id: "2",              title: "Pay-Per-Click Advertising (PPC)",              tags: ["Immediate Results", "Budget Control"],
@@ -94,6 +96,9 @@ export default function LandingPage() {
           textboxLayout="default"
           useInvertedBackground={false}
           animationType="slide-up"
+          buttons={[
+            { text: "Start Your Journey", href: "contact" }
+          ]}
           metrics={[
             {
               id: "1",              value: "312%",              title: "Average ROI Increase",              description: "Client average return on marketing investment within 6 months",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-digital-tablet-with-bar-graph_1098-3523.jpg",              imageAlt: "Revenue growth chart showing ROI improvement"
@@ -103,6 +108,9 @@ export default function LandingPage() {
             },
             {
               id: "3",              value: "500+",              title: "Clients Served",              description: "Businesses from startups to enterprises achieving growth goals",              imageSrc: "https://img.b2bpic.net/free-photo/businessman-holding-laptop-showing-financial-data_9975-22146.jpg",              imageAlt: "Team collaboration and client success stories"
+            },
+            {
+              id: "4",              value: "2.3x",              title: "Average Traffic Growth",              description: "Typical increase in overall website traffic from optimized campaigns",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-digital-tablet-with-bar-graph_1098-3523.jpg",              imageAlt: "Website traffic analytics and growth metrics"
             }
           ]}
         />
@@ -205,6 +213,41 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="ecommerce" data-section="ecommerce">
+        <ProductCardFour
+          title="Featured Ecommerce Products"
+          description="Explore our curated collection of high-performing products optimized for maximum conversion"
+          tag="Product Showcase"
+          tagIcon={Package}
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          gridVariant="uniform-all-items-equal"
+          products={[
+            {
+              id: "1",              name: "Premium Workflow Optimizer",              price: "$129.99",              variant: "Black • 2 Colors",              imageSrc: "https://img.b2bpic.net/free-photo/businessman-working-laptop-internet-shopping-e-commerce-online-business-concept_1098-3489.jpg",              imageAlt: "Premium Workflow Optimizer product",              isFavorited: false,
+              onFavorite: () => console.log('favorited'),
+              onProductClick: () => window.open('/product/1', '_blank')
+            },
+            {
+              id: "2",              name: "Business Intelligence Suite",              price: "$199.99",              variant: "Silver • 3 Colors",              imageSrc: "https://img.b2bpic.net/free-photo/businesswoman-working-laptop_53876-163211.jpg",              imageAlt: "Business Intelligence Suite product",              isFavorited: false,
+              onFavorite: () => console.log('favorited'),
+              onProductClick: () => window.open('/product/2', '_blank')
+            },
+            {
+              id: "3",              name: "Team Collaboration Tool",              price: "$149.99",              variant: "White • 4 Colors",              imageSrc: "https://img.b2bpic.net/free-photo/business-woman-talking-about-financial-project-taking-notes-discussing-start-up-ideas-using-laptop-diverse-employees-gathered-co-working-working-process-busy-company-teamwork-help-concept_482257-13564.jpg",              imageAlt: "Team Collaboration Tool product",              isFavorited: false,
+              onFavorite: () => console.log('favorited'),
+              onProductClick: () => window.open('/product/3', '_blank')
+            },
+            {
+              id: "4",              name: "Analytics Dashboard Pro",              price: "$249.99",              variant: "Blue • 5 Colors",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-image-young-african-man-sitting-coworking_171337-13500.jpg",              imageAlt: "Analytics Dashboard Pro product",              isFavorited: false,
+              onFavorite: () => console.log('favorited'),
+              onProductClick: () => window.open('/product/4', '_blank')
+            }
+          ]}
+        />
+      </div>
+
       <div id="contact" data-section="contact">
         <ContactText
           text="Ready to transform your marketing performance? Let's discuss your growth goals and create a winning strategy together."
@@ -225,7 +268,7 @@ export default function LandingPage() {
             {
               items: [
                 { label: "Services", href: "services" },
-                { label: "SEO", href: "#" },
+                { label: "Ecommerce", href: "/ecommerce" },
                 { label: "PPC Advertising", href: "#" },
                 { label: "Social Media", href: "#" }
               ]
@@ -259,4 +302,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/seo/page.tsx

@@ -0,0 +1,191 @@
+"use client";
+
+import React from "react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
+import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
+import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
+import BlogCardOne from '@/components/sections/blog/BlogCardOne';
+import ContactText from '@/components/sections/contact/ContactText';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import { Sparkles, TrendingUp, Zap, Award } from "lucide-react";
+
+export default function SEOPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="bounce-effect"
+      defaultTextAnimation="background-highlight"
+      borderRadius="pill"
+      contentWidth="smallMedium"
+      sizing="mediumLargeSizeMediumTitles"
+      background="noiseDiagonalGradient"
+      cardStyle="gradient-mesh"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="layered"
+      headingFontWeight="extrabold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple
+          brandName="PerformanceHub"
+          navItems={[
+            { name: "Services", id: "services" },
+            { name: "Results", id: "metrics" },
+            { name: "Case Studies", id: "casestudies" },
+            { name: "Ecommerce", id: "/ecommerce" },
+            { name: "Pricing", id: "pricing" },
+            { name: "Contact", id: "contact" }
+          ]}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroBillboardScroll
+          title="Search Engine Optimization That Drives Real Growth"
+          description="Dominate search rankings and attract high-quality organic traffic with our comprehensive SEO strategies. Amsterdam-based experts with proven track record of increasing visibility and conversions."
+          tag="Professional SEO Services"
+          tagIcon={Sparkles}
+          background={{ variant: "radial-gradient" }}
+          imageSrc="https://img.b2bpic.net/free-photo/businessman-working-laptop-internet-shopping-e-commerce-online-business-concept_1098-3489.jpg"
+          imageAlt="E-commerce marketplace displaying product listings and online sales optimization"
+          buttons={[
+            { text: "Get Your SEO Audit", href: "contact" },
+            { text: "View SEO Case Studies", href: "/" }
+          ]}
+        />
+      </div>
+
+      <div id="services" data-section="services">
+        <FeatureCardTwentyThree
+          title="Our Comprehensive SEO Services"
+          description="A complete range of SEO solutions designed to improve your search visibility and drive sustainable organic growth"
+          tag="SEO Solutions"
+          tagIcon={Zap}
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          features={[
+            {
+              id: "1",              title: "Technical SEO Optimization",              tags: ["Site Speed", "Mobile Optimization"],
+              imageSrc: "https://img.b2bpic.net/free-photo/close-up-digital-tablet-with-bar-graph_1098-3523.jpg",              imageAlt: "Technical SEO and website optimization"
+            },
+            {
+              id: "2",              title: "Keyword Research & Strategy",              tags: ["Target Audience", "High Intent"],
+              imageSrc: "https://img.b2bpic.net/free-photo/businesswoman-working-laptop_53876-163211.jpg",              imageAlt: "Keyword research and SEO strategy"
+            },
+            {
+              id: "3",              title: "Content Strategy & Optimization",              tags: ["Quality Content", "Search Intent"],
+              imageSrc: "https://img.b2bpic.net/free-photo/business-woman-talking-about-financial-project-taking-notes-discussing-start-up-ideas-using-laptop-diverse-employees-gathered-co-working-working-process-busy-company-teamwork-help-concept_482257-13564.jpg",              imageAlt: "Content creation and optimization for SEO"
+            },
+            {
+              id: "4",              title: "Link Building & Authority",              tags: ["Backlink Strategy", "Domain Authority"],
+              imageSrc: "https://img.b2bpic.net/free-photo/top-view-image-young-african-man-sitting-coworking_171337-13500.jpg",              imageAlt: "Link building and SEO authority development"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="metrics" data-section="metrics">
+        <MetricCardEleven
+          title="SEO Results Our Clients Achieve"
+          description="Measurable improvements in search rankings, organic traffic, and sustainable online visibility"
+          tag="SEO Performance"
+          tagIcon={TrendingUp}
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          buttons={[
+            { text: "Start Your SEO Journey", href: "contact" }
+          ]}
+          metrics={[
+            {
+              id: "1",              value: "156%",              title: "Average Organic Traffic Increase",              description: "Typical improvement in organic search traffic within 6-12 months",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-office-supplies_1098-3510.jpg",              imageAlt: "Organic traffic growth metrics"
+            },
+            {
+              id: "2",              value: "1st Page",              title: "Target Keywords Ranking",              description: "80% of target keywords ranking on Google's first page",              imageSrc: "https://img.b2bpic.net/free-photo/businessman-holding-laptop-showing-financial-data_9975-22146.jpg",              imageAlt: "Search ranking improvements"
+            },
+            {
+              id: "3",              value: "89%",              title: "Client Satisfaction Rate",              description: "Clients reporting significant ROI from SEO investments",              imageSrc: "https://img.b2bpic.net/free-photo/digital-laptop-working-global-business-concept_53876-23438.jpg",              imageAlt: "Client satisfaction and SEO ROI"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="casestudies" data-section="casestudies">
+        <BlogCardOne
+          title="SEO Success Stories"
+          description="Real examples of how our SEO strategies have transformed businesses and increased their online visibility"
+          tag="Case Studies"
+          tagIcon={Award}
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          blogs={[
+            {
+              id: "1",              category: "E-Commerce",              title: "Local E-Commerce: From Invisible to $1M+ Organic Revenue",              excerpt: "Comprehensive SEO strategy increased organic traffic by 312% and generated $1.2M in annual revenue through optimized product pages and content strategy.",              imageSrc: "https://img.b2bpic.net/free-photo/business-finance-economy-commerce-investment_53876-124458.jpg",              imageAlt: "E-commerce SEO success",              authorName: "Sarah Johnson",              authorAvatar: "https://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",              date: "Mar 15, 2024"
+            },
+            {
+              id: "2",              category: "SaaS",              title: "SaaS Platform: Ranking #1 for 50+ Industry Keywords",              excerpt: "Technical SEO combined with content strategy resulted in 1st page rankings for 50+ target keywords and 400% increase in qualified leads.",              imageSrc: "https://img.b2bpic.net/free-photo/online-shopping-shipping-internet-commerce-concept_53876-124900.jpg",              imageAlt: "SaaS SEO case study",              authorName: "Michael Chen",              authorAvatar: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",              date: "Feb 28, 2024"
+            },
+            {
+              id: "3",              category: "Local Business",              title: "Local Services: Dominating Local Search Results",              excerpt: "Local SEO strategy including Google Business optimization generated 250% increase in local search visibility and service inquiries.",              imageSrc: "https://img.b2bpic.net/free-photo/digital-laptop-working-global-business-concept_53876-23438.jpg",              imageAlt: "Local SEO success",              authorName: "Emma Rodriguez",              authorAvatar: "https://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",              date: "Feb 10, 2024"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactText
+          text="Ready to transform your organic search presence? Let's conduct a free SEO audit and show you the opportunities available for your business."
+          animationType="background-highlight"
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
+          buttons={[
+            { text: "Request Free SEO Audit", href: "contact" },
+            { text: "Schedule Consultation", href: "contact" }
+          ]}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterLogoEmphasis
+          logoText="PerformanceHub"
+          columns={[
+            {
+              items: [
+                { label: "Services", href: "services" },
+                { label: "Ecommerce", href: "/ecommerce" },
+                { label: "PPC Advertising", href: "#" },
+                { label: "Social Media", href: "#" }
+              ]
+            },
+            {
+              items: [
+                { label: "Company", href: "#" },
+                { label: "About Us", href: "#" },
+                { label: "Case Studies", href: "/" },
+                { label: "Careers", href: "#" }
+              ]
+            },
+            {
+              items: [
+                { label: "Resources", href: "#" },
+                { label: "Blog", href: "#" },
+                { label: "Guides", href: "#" },
+                { label: "Webinars", href: "#" }
+              ]
+            },
+            {
+              items: [
+                { label: "Legal", href: "#" },
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" },
+                { label: "Contact", href: "contact" }
+              ]
+            }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/shop/[id]/page.tsx

@@ -89,6 +89,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                                 {"name":"Services","id":"services"},
                                 {"name":"Results","id":"metrics"},
                                 {"name":"Case Studies","id":"casestudies"},
+                                {"name":"SEO","id":"/seo"},
                                 {"name":"Pricing","id":"pricing"},
                                 {"name":"Contact","id":"contact"},
                                 {"name":"Shop","id":"/shop"}
@@ -103,8 +104,8 @@ export default function ProductPage({ params }: ProductPageProps) {
                         <FooterLogoEmphasis
                             logoText="PerformanceHub"
                             columns={[
-                                {"items":[{"label":"Services","href":"services"},{"label":"SEO","href":"#"},{"label":"PPC Advertising","href":"#"},{"label":"Social Media","href":"#"}]},
+                                {"items":[{"label":"Services","href":"services"},{"label":"SEO","href":"/seo"},{"label":"PPC Advertising","href":"#"},{"label":"Social Media","href":"#"}]},
-                                {"items":[{"label":"Company","href":"#"},{"label":"About Us","href":"#"},{"label":"Case Studies","href":"casestudies"},{"label":"Careers","href":"#"}]},
+                                {"items":[{"label":"Company","href":"#"},{"label":"About Us","href":"#"},{"label":"Case Studies","href":"/"},{"label":"Careers","href":"#"}]},
                                 {"items":[{"label":"Resources","href":"#"},{"label":"Blog","href":"#"},{"label":"Guides","href":"#"},{"label":"Webinars","href":"#"}]},
                                 {"items":[{"label":"Legal","href":"#"},{"label":"Privacy Policy","href":"#"},{"label":"Terms of Service","href":"#"},{"label":"Contact","href":"contact"}]}
                             ]}
@@ -138,6 +139,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                                 {"name":"Services","id":"services"},
                                 {"name":"Results","id":"metrics"},
                                 {"name":"Case Studies","id":"casestudies"},
+                                {"name":"SEO","id":"/seo"},
                                 {"name":"Pricing","id":"pricing"},
                                 {"name":"Contact","id":"contact"},
                                 {"name":"Shop","id":"/shop"}
@@ -160,8 +162,8 @@ export default function ProductPage({ params }: ProductPageProps) {
                         <FooterLogoEmphasis
                             logoText="PerformanceHub"
                             columns={[
-                                {"items":[{"label":"Services","href":"services"},{"label":"SEO","href":"#"},{"label":"PPC Advertising","href":"#"},{"label":"Social Media","href":"#"}]},
+                                {"items":[{"label":"Services","href":"services"},{"label":"SEO","href":"/seo"},{"label":"PPC Advertising","href":"#"},{"label":"Social Media","href":"#"}]},
-                                {"items":[{"label":"Company","href":"#"},{"label":"About Us","href":"#"},{"label":"Case Studies","href":"casestudies"},{"label":"Careers","href":"#"}]},
+                                {"items":[{"label":"Company","href":"#"},{"label":"About Us","href":"#"},{"label":"Case Studies","href":"/"},{"label":"Careers","href":"#"}]},
                                 {"items":[{"label":"Resources","href":"#"},{"label":"Blog","href":"#"},{"label":"Guides","href":"#"},{"label":"Webinars","href":"#"}]},
                                 {"items":[{"label":"Legal","href":"#"},{"label":"Privacy Policy","href":"#"},{"label":"Terms of Service","href":"#"},{"label":"Contact","href":"contact"}]}
                             ]}
@@ -194,6 +196,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                             {"name":"Services","id":"services"},
                             {"name":"Results","id":"metrics"},
                             {"name":"Case Studies","id":"casestudies"},
+                            {"name":"SEO","id":"/seo"},
                             {"name":"Pricing","id":"pricing"},
                             {"name":"Contact","id":"contact"},
                             {"name":"Shop","id":"/shop"}
@@ -241,8 +244,8 @@ export default function ProductPage({ params }: ProductPageProps) {
                     <FooterLogoEmphasis
                         logoText="PerformanceHub"
                         columns={[
-                            {"items":[{"label":"Services","href":"services"},{"label":"SEO","href":"#"},{"label":"PPC Advertising","href":"#"},{"label":"Social Media","href":"#"}]},
+                            {"items":[{"label":"Services","href":"services"},{"label":"SEO","href":"/seo"},{"label":"PPC Advertising","href":"#"},{"label":"Social Media","href":"#"}]},
-                            {"items":[{"label":"Company","href":"#"},{"label":"About Us","href":"#"},{"label":"Case Studies","href":"casestudies"},{"label":"Careers","href":"#"}]},
+                            {"items":[{"label":"Company","href":"#"},{"label":"About Us","href":"#"},{"label":"Case Studies","href":"/"},{"label":"Careers","href":"#"}]},
                             {"items":[{"label":"Resources","href":"#"},{"label":"Blog","href":"#"},{"label":"Guides","href":"#"},{"label":"Webinars","href":"#"}]},
                             {"items":[{"label":"Legal","href":"#"},{"label":"Privacy Policy","href":"#"},{"label":"Terms of Service","href":"#"},{"label":"Contact","href":"contact"}]}
                         ]}
@@ -251,4 +254,4 @@ export default function ProductPage({ params }: ProductPageProps) {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}

src/app/shop/page.tsx

@@ -41,6 +41,7 @@ export default function ShopPage() {
                                 {"name":"Services","id":"services"},
                                 {"name":"Results","id":"metrics"},
                                 {"name":"Case Studies","id":"casestudies"},
+                                {"name":"SEO","id":"/seo"},
                                 {"name":"Pricing","id":"pricing"},
                                 {"name":"Contact","id":"contact"},
                                 {"name":"Shop","id":"/shop"}
@@ -55,8 +56,8 @@ export default function ShopPage() {
                         <FooterLogoEmphasis
                             logoText="PerformanceHub"
                             columns={[
-                                {"items":[{"label":"Services","href":"services"},{"label":"SEO","href":"#"},{"label":"PPC Advertising","href":"#"},{"label":"Social Media","href":"#"}]},
+                                {"items":[{"label":"Services","href":"services"},{"label":"SEO","href":"/seo"},{"label":"PPC Advertising","href":"#"},{"label":"Social Media","href":"#"}]},
-                                {"items":[{"label":"Company","href":"#"},{"label":"About Us","href":"#"},{"label":"Case Studies","href":"casestudies"},{"label":"Careers","href":"#"}]},
+                                {"items":[{"label":"Company","href":"#"},{"label":"About Us","href":"#"},{"label":"Case Studies","href":"/"},{"label":"Careers","href":"#"}]},
                                 {"items":[{"label":"Resources","href":"#"},{"label":"Blog","href":"#"},{"label":"Guides","href":"#"},{"label":"Webinars","href":"#"}]},
                                 {"items":[{"label":"Legal","href":"#"},{"label":"Privacy Policy","href":"#"},{"label":"Terms of Service","href":"#"},{"label":"Contact","href":"contact"}]}
                             ]}
@@ -89,6 +90,7 @@ export default function ShopPage() {
                             {"name":"Services","id":"services"},
                             {"name":"Results","id":"metrics"},
                             {"name":"Case Studies","id":"casestudies"},
+                            {"name":"SEO","id":"/seo"},
                             {"name":"Pricing","id":"pricing"},
                             {"name":"Contact","id":"contact"},
                             {"name":"Shop","id":"/shop"}
@@ -111,8 +113,8 @@ export default function ShopPage() {
                     <FooterLogoEmphasis
                         logoText="PerformanceHub"
                         columns={[
-                            {"items":[{"label":"Services","href":"services"},{"label":"SEO","href":"#"},{"label":"PPC Advertising","href":"#"},{"label":"Social Media","href":"#"}]},
+                            {"items":[{"label":"Services","href":"services"},{"label":"SEO","href":"/seo"},{"label":"PPC Advertising","href":"#"},{"label":"Social Media","href":"#"}]},
-                            {"items":[{"label":"Company","href":"#"},{"label":"About Us","href":"#"},{"label":"Case Studies","href":"casestudies"},{"label":"Careers","href":"#"}]},
+                            {"items":[{"label":"Company","href":"#"},{"label":"About Us","href":"#"},{"label":"Case Studies","href":"/"},{"label":"Careers","href":"#"}]},
                             {"items":[{"label":"Resources","href":"#"},{"label":"Blog","href":"#"},{"label":"Guides","href":"#"},{"label":"Webinars","href":"#"}]},
                             {"items":[{"label":"Legal","href":"#"},{"label":"Privacy Policy","href":"#"},{"label":"Terms of Service","href":"#"},{"label":"Contact","href":"contact"}]}
                         ]}
@@ -121,4 +123,4 @@ export default function ShopPage() {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-inter), sans-serif;
+  font-family: var(--font-work-sans), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-public-sans), sans-serif;
+  font-family: var(--font-open-sans), sans-serif;
 }

src/app/styles/variables.css

@@ -2,21 +2,21 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #f5f5f5;;
+  /* --background: #0a0a0a;;
-  --card: #ffffff;;
+  --card: #1a1a1a;;
-  --foreground: #1c1c1c;;
+  --foreground: #e6f0ffe6;;
-  --primary-cta: #511f1f;;
+  --primary-cta: #1f5fb8;;
-  --secondary-cta: #ffffff;;
+  --secondary-cta: #0e1a29;;
-  --accent: #e63946;;
+  --accent: #0798ff;;
-  --background-accent: #e8bea8;; */
+  --background-accent: #004a93;; */
 
-  --background: #f5f5f5;;
+  --background: #0a0a0a;;
-  --card: #ffffff;;
+  --card: #1a1a1a;;
-  --foreground: #1c1c1c;;
+  --foreground: #e6f0ffe6;;
-  --primary-cta: #511f1f;;
+  --primary-cta: #1f5fb8;;
-  --secondary-cta: #ffffff;;
+  --secondary-cta: #0e1a29;;
-  --accent: #e63946;;
+  --accent: #0798ff;;
-  --background-accent: #e8bea8;;
+  --background-accent: #004a93;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);