Update src/app/seo/page.tsx

Merge version_7 into main

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,8 +1,13 @@
 import type { Metadata } from "next";
+import { Inter } from "next/font/google";
 import "./globals.css";
+import "./styles/variables.css";
+import "./styles/base.css";
+
+const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
-  title: "PerformanceHub - Performance Marketing Agency Amsterdam",  description: "Amsterdam-based performance marketing agency specializing in SEO, PPC, and conversion optimization. Drive real results with data-driven strategies."};
+  title: "PerformanceHub - Performance Marketing Agency",  description: "Amsterdam-based performance marketing agency specializing in SEO, PPC, and conversion optimization."};
 
 export default function RootLayout({
   children,
@@ -11,9 +16,7 @@ export default function RootLayout({
 }) {
   return (
     <html lang="en">
-      <body>
-        {children}
-      
+      <body className={inter.className}>{children}
         <script
           dangerouslySetInnerHTML={{
             __html: `
@@ -1297,4 +1300,4 @@ export default function RootLayout({
       </body>
     </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,7 +34,7 @@ export default function LandingPage() {
             { name: "Services", id: "services" },
             { name: "Results", id: "metrics" },
             { name: "Case Studies", id: "casestudies" },
-            { name: "SEO", id: "/seo" },
+            { name: "Ecommerce", id: "/ecommerce" },
             { name: "Pricing", id: "pricing" },
             { name: "Contact", id: "contact" }
           ]}
@@ -47,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"
-          imageAlt="Performance marketing analytics dashboard showing real-time metrics"
+          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: "Start Your Growth", href: "contact" },
             { text: "View Case Studies", href: "casestudies" }
@@ -107,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"
             }
           ]}
         />
@@ -209,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."
@@ -229,7 +268,7 @@ export default function LandingPage() {
             {
               items: [
                 { label: "Services", href: "services" },
-                { label: "SEO", href: "/seo" },
+                { label: "Ecommerce", href: "/ecommerce" },
                 { label: "PPC Advertising", href: "#" },
                 { label: "Social Media", href: "#" }
               ]
@@ -263,4 +302,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/seo/page.tsx

@@ -32,7 +32,7 @@ export default function SEOPage() {
             { name: "Services", id: "services" },
             { name: "Results", id: "metrics" },
             { name: "Case Studies", id: "casestudies" },
-            { name: "SEO", id: "/seo" },
+            { name: "Ecommerce", id: "/ecommerce" },
             { name: "Pricing", id: "pricing" },
             { name: "Contact", id: "contact" }
           ]}
@@ -46,8 +46,8 @@ export default function SEOPage() {
           tag="Professional SEO Services"
           tagIcon={Sparkles}
           background={{ variant: "radial-gradient" }}
-          imageSrc="https://img.b2bpic.net/free-photo/businesswoman-working-laptop_53876-163211.jpg"
-          imageAlt="SEO strategy and search engine optimization"
+          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: "/" }
@@ -154,7 +154,7 @@ export default function SEOPage() {
             {
               items: [
                 { label: "Services", href: "services" },
-                { label: "SEO", href: "/seo" },
+                { label: "Ecommerce", href: "/ecommerce" },
                 { label: "PPC Advertising", href: "#" },
                 { label: "Social Media", href: "#" }
               ]
@@ -188,4 +188,4 @@ export default function SEOPage() {
       </div>
     </ThemeProvider>
   );
-}
+}