Update src/app/services/page.tsx

Merge version_2 into main

src/app/about/page.tsx

@@ -12,16 +12,16 @@ import { BarChart3, Palette, TrendingUp, HeadphonesIcon, Zap, Search, Share2, Ma
 
 export default function AboutPage() {
   const navItems = [
-    { name: "Home", id: "home" },
-    { name: "Services", id: "services" },
-    { name: "Portfolio", id: "portfolio" },
-    { name: "About", id: "about" },
-    { name: "Contact", id: "contact" },
+    { name: "Home", id: "/" },
+    { name: "Services", id: "/services" },
+    { name: "Pricing", id: "/pricing" },
+    { name: "Portfolio", id: "/portfolio" },
+    { name: "About", id: "/about" },
+    { name: "Contact", id: "/contact" },
   ];
 
   const navButton = {
-    text: "Get Started",
-    href: "contact",
+    text: "Get Started",    href: "/contact"
   };
 
   return (
@@ -55,24 +55,16 @@ export default function AboutPage() {
           useInvertedBackground={false}
           bulletPoints={[
             {
-              title: "Data-Driven Strategy",
-              description: "Every campaign is backed by comprehensive analytics and insights",
-              icon: BarChart3,
+              title: "Data-Driven Strategy",              description: "Every campaign is backed by comprehensive analytics and insights",              icon: BarChart3,
             },
             {
-              title: "Creative Excellence",
-              description: "Award-winning designers and strategists crafting compelling content",
-              icon: Palette,
+              title: "Creative Excellence",              description: "Award-winning designers and strategists crafting compelling content",              icon: Palette,
             },
             {
-              title: "Proven Results",
-              description: "Consistent track record of delivering measurable growth for clients",
-              icon: TrendingUp,
+              title: "Proven Results",              description: "Consistent track record of delivering measurable growth for clients",              icon: TrendingUp,
             },
             {
-              title: "24/7 Support",
-              description: "Dedicated team ready to support your campaigns at any time",
-              icon: HeadphonesIcon,
+              title: "24/7 Support",              description: "Dedicated team ready to support your campaigns at any time",              icon: HeadphonesIcon,
             },
           ]}
           imageSrc="http://img.b2bpic.net/free-photo/group-friends-planning-trip-cafe_23-2148952348.jpg?_wi=2"
@@ -81,8 +73,7 @@ export default function AboutPage() {
           imagePosition="right"
           buttons={[
             {
-              text: "Learn More",
-              href: "about",
+              text: "Learn More",              href: "/about"
             },
           ]}
           buttonAnimation="slide-up"
@@ -101,33 +92,27 @@ export default function AboutPage() {
           features={[
             {
               icon: Search,
-              title: "SEO & SEM",
-              description: "Dominate search rankings and drive qualified traffic to your website",
+              title: "SEO & SEM",              description: "Dominate search rankings and drive qualified traffic to your website"
             },
             {
               icon: Share2,
-              title: "Social Media Marketing",
-              description: "Build engaged communities and amplify your brand across platforms",
+              title: "Social Media Marketing",              description: "Build engaged communities and amplify your brand across platforms"
             },
             {
               icon: Mail,
-              title: "Email Marketing",
-              description: "Convert leads into loyal customers with targeted campaigns",
+              title: "Email Marketing",              description: "Convert leads into loyal customers with targeted campaigns"
             },
             {
               icon: Video,
-              title: "Content Creation",
-              description: "Compelling videos, graphics, and copy that resonate with your audience",
+              title: "Content Creation",              description: "Compelling videos, graphics, and copy that resonate with your audience"
             },
             {
               icon: BarChart3,
-              title: "Analytics & Reporting",
-              description: "Transparent insights and actionable data to guide strategy",
+              title: "Analytics & Reporting",              description: "Transparent insights and actionable data to guide strategy"
             },
             {
               icon: Zap,
-              title: "Performance Marketing",
-              description: "Optimize spend and maximize conversions with precision targeting",
+              title: "Performance Marketing",              description: "Optimize spend and maximize conversions with precision targeting"
             },
           ]}
         />
@@ -142,14 +127,7 @@ export default function AboutPage() {
           textboxLayout="default"
           useInvertedBackground={true}
           names={[
-            "TechFlow Inc",
-            "Aurora Retail",
-            "Momentum Finance",
-            "Zenith Design",
-            "Pulse Health",
-            "Nexus Commerce",
-            "Vertex Solutions",
-            "Horizon Media",
+            "TechFlow Inc",            "Aurora Retail",            "Momentum Finance",            "Zenith Design",            "Pulse Health",            "Nexus Commerce",            "Vertex Solutions",            "Horizon Media"
           ]}
           speed={50}
           showCard={true}
@@ -165,17 +143,15 @@ export default function AboutPage() {
           description="Let's schedule a strategic consultation to discuss your goals, challenges, and how DigitalFlow can accelerate your growth."
           buttons={[
             {
-              text: "Schedule Consultation",
-              href: "contact",
+              text: "Schedule Consultation",              href: "/contact"
             },
             {
-              text: "View Services",
-              href: "services",
+              text: "View Services",              href: "/services"
             },
           ]}
           buttonAnimation="slide-up"
           background={{
-            variant: "animated-grid",
+            variant: "animated-grid"
           }}
           useInvertedBackground={false}
         />
@@ -185,12 +161,10 @@ export default function AboutPage() {
         <FooterLogoReveal
           logoText="DigitalFlow"
           leftLink={{
-            text: "Privacy Policy",
-            href: "#",
+            text: "Privacy Policy",            href: "#"
           }}
           rightLink={{
-            text: "Terms of Service",
-            href: "#",
+            text: "Terms of Service",            href: "#"
           }}
         />
       </div>

src/app/contact/page.tsx

@@ -11,6 +11,7 @@ export default function ContactPage() {
   const navItems = [
     { name: "Home", id: "/" },
     { name: "Services", id: "/services" },
+    { name: "Pricing", id: "/pricing" },
     { name: "Portfolio", id: "/portfolio" },
     { name: "About", id: "/about" },
     { name: "Contact", id: "/contact" },
@@ -58,17 +59,15 @@ export default function ContactPage() {
           description="Let's schedule a strategic consultation to discuss your goals, challenges, and how DigitalFlow can accelerate your growth."
           buttons={[
             {
-              text: "Schedule Consultation",
-              href: "/contact",
+              text: "Schedule Consultation",              href: "/contact"
             },
             {
-              text: "View Services",
-              href: "/services",
+              text: "View Services",              href: "/services"
             },
           ]}
           buttonAnimation="slide-up"
           background={{
-            variant: "animated-grid",
+            variant: "animated-grid"
           }}
           useInvertedBackground={false}
         />
@@ -78,12 +77,10 @@ export default function ContactPage() {
         <FooterLogoReveal
           logoText="DigitalFlow"
           leftLink={{
-            text: "Privacy Policy",
-            href: "#",
+            text: "Privacy Policy",            href: "#"
           }}
           rightLink={{
-            text: "Terms of Service",
-            href: "#",
+            text: "Terms of Service",            href: "#"
           }}
         />
       </div>

src/app/page.tsx

@@ -8,6 +8,7 @@ import FeatureHoverPattern from "@/components/sections/feature/featureHoverPatte
 import BlogCardThree from "@/components/sections/blog/BlogCardThree";
 import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
 import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
+import ProductCardOne from "@/components/sections/product/ProductCardOne";
 import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
 import Link from "next/link";
 import { BarChart3, Palette, TrendingUp, HeadphonesIcon } from "lucide-react";
@@ -32,13 +33,13 @@ export default function HomePage() {
           navItems={[
             { name: "Home", id: "/" },
             { name: "Services", id: "/services" },
+            { name: "Pricing", id: "/pricing" },
             { name: "Portfolio", id: "#portfolio" },
             { name: "About", id: "#about" },
             { name: "Contact", id: "#contact" },
           ]}
           button={{
-            text: "Get Started",
-            href: "#contact",
+            text: "Get Started",            href: "#contact"
           }}
         />
       </div>
@@ -72,24 +73,16 @@ export default function HomePage() {
           useInvertedBackground={false}
           bulletPoints={[
             {
-              title: "Data-Driven Strategy",
-              description: "Every campaign is backed by comprehensive analytics and insights",
-              icon: BarChart3,
+              title: "Data-Driven Strategy",              description: "Every campaign is backed by comprehensive analytics and insights",              icon: BarChart3,
             },
             {
-              title: "Creative Excellence",
-              description: "Award-winning designers and strategists crafting compelling content",
-              icon: Palette,
+              title: "Creative Excellence",              description: "Award-winning designers and strategists crafting compelling content",              icon: Palette,
             },
             {
-              title: "Proven Results",
-              description: "Consistent track record of delivering measurable growth for clients",
-              icon: TrendingUp,
+              title: "Proven Results",              description: "Consistent track record of delivering measurable growth for clients",              icon: TrendingUp,
             },
             {
-              title: "24/7 Support",
-              description: "Dedicated team ready to support your campaigns at any time",
-              icon: HeadphonesIcon,
+              title: "24/7 Support",              description: "Dedicated team ready to support your campaigns at any time",              icon: HeadphonesIcon,
             },
           ]}
           imageSrc="http://img.b2bpic.net/free-photo/group-friends-planning-trip-cafe_23-2148952348.jpg?_wi=1"
@@ -113,58 +106,58 @@ export default function HomePage() {
           features={[
             {
               icon: BarChart3,
-              title: "SEO & SEM",
-              description: "Dominate search rankings and drive qualified traffic to your website",
+              title: "SEO & SEM",              description: "Dominate search rankings and drive qualified traffic to your website"
             },
             {
               icon: TrendingUp,
-              title: "Social Media Marketing",
-              description: "Build engaged communities and amplify your brand across platforms",
+              title: "Social Media Marketing",              description: "Build engaged communities and amplify your brand across platforms"
             },
             {
               icon: HeadphonesIcon,
-              title: "Email Marketing",
-              description: "Convert leads into loyal customers with targeted campaigns",
+              title: "Email Marketing",              description: "Convert leads into loyal customers with targeted campaigns"
             },
           ]}
         />
       </div>
 
+      <div id="products" data-section="products">
+        <ProductCardOne
+          products={[
+            {
+              id: "1",              name: "Digital Marketing Strategy",              price: "$2,500",              imageSrc: "http://img.b2bpic.net/free-photo/marketing-strategy-business-plan-growth-innovation-success-startup_1503-3456.jpg",              imageAlt: "Digital marketing strategy planning",              onProductClick: () => window.open("/services", "_self"),
+            },
+            {
+              id: "2",              name: "SEO Optimization Package",              price: "$1,800",              imageSrc: "http://img.b2bpic.net/free-photo/search-engine-optimization-seo-analysis-keywords-ranking-strategy_1503-4567.jpg",              imageAlt: "SEO optimization services",              onProductClick: () => window.open("/services", "_self"),
+            },
+            {
+              id: "3",              name: "Social Media Management",              price: "$1,500",              imageSrc: "http://img.b2bpic.net/free-photo/social-media-marketing-network-online-community-engagement-digital_1503-5678.jpg",              imageAlt: "Social media management platform",              onProductClick: () => window.open("/services", "_self"),
+            },
+            {
+              id: "4",              name: "Content Marketing Suite",              price: "$2,200",              imageSrc: "http://img.b2bpic.net/free-photo/content-marketing-strategy-blog-writing-copywriting-engagement_1503-6789.jpg",              imageAlt: "Content marketing creation tools",              onProductClick: () => window.open("/services", "_self"),
+            },
+          ]}
+          title="Premium Services"
+          description="Explore our comprehensive suite of digital marketing solutions designed to drive results"
+          tag="Services"
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          useInvertedBackground={false}
+        />
+      </div>
+
       <div id="portfolio" data-section="portfolio">
         <BlogCardThree
           blogs={[
             {
-              id: "case-1",
-              category: "E-Commerce",
-              title: "Increased Sales by 250% for Leading Fashion Brand",
-              excerpt: "Strategic SEO, social media, and content marketing campaign",
-              imageSrc: "http://img.b2bpic.net/free-photo/box-market-electronic-ordering-shop-basket_1421-567.jpg?_wi=1",
-              imageAlt: "Fashion brand success case study",
-              authorName: "Sarah Chen",
-              authorAvatar: "http://img.b2bpic.net/free-photo/portrait-confident-blonde-young-businesswoman-with-crossed-arms-leaning-glass-wall_23-2148066805.jpg",
-              date: "Jan 2025",
+              id: "case-1",              category: "E-Commerce",              title: "Increased Sales by 250% for Leading Fashion Brand",              excerpt: "Strategic SEO, social media, and content marketing campaign",              imageSrc: "http://img.b2bpic.net/free-photo/box-market-electronic-ordering-shop-basket_1421-567.jpg?_wi=1",              imageAlt: "Fashion brand success case study",              authorName: "Sarah Chen",              authorAvatar: "http://img.b2bpic.net/free-photo/portrait-confident-blonde-young-businesswoman-with-crossed-arms-leaning-glass-wall_23-2148066805.jpg",              date: "Jan 2025"
             },
             {
-              id: "case-2",
-              category: "SaaS",
-              title: "B2B SaaS Startup Reached $1M ARR in 12 Months",
-              excerpt: "Growth marketing and customer acquisition optimization",
-              imageSrc: "http://img.b2bpic.net/free-photo/workers-it-company-working-computer_1303-19447.jpg?_wi=1",
-              imageAlt: "SaaS growth milestone case study",
-              authorName: "Marcus Rodriguez",
-              authorAvatar: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg",
-              date: "Dec 2024",
+              id: "case-2",              category: "SaaS",              title: "B2B SaaS Startup Reached $1M ARR in 12 Months",              excerpt: "Growth marketing and customer acquisition optimization",              imageSrc: "http://img.b2bpic.net/free-photo/workers-it-company-working-computer_1303-19447.jpg?_wi=1",              imageAlt: "SaaS growth milestone case study",              authorName: "Marcus Rodriguez",              authorAvatar: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg",              date: "Dec 2024"
             },
             {
-              id: "case-3",
-              category: "Hospitality",
-              title: "Luxury Hotel Chain Grew Bookings by 180%",
-              excerpt: "Multi-channel campaign with influencer partnerships",
-              imageSrc: "http://img.b2bpic.net/free-vector/appointment-booking-landing-page_23-2148561432.jpg?_wi=1",
-              imageAlt: "Hotel bookings increase case study",
-              authorName: "Emma Thompson",
-              authorAvatar: "http://img.b2bpic.net/free-photo/portrait-beautiful-businesswoman-indoors_23-2148824829.jpg",
-              date: "Nov 2024",
+              id: "case-3",              category: "Hospitality",              title: "Luxury Hotel Chain Grew Bookings by 180%",              excerpt: "Multi-channel campaign with influencer partnerships",              imageSrc: "http://img.b2bpic.net/free-vector/appointment-booking-landing-page_23-2148561432.jpg?_wi=1",              imageAlt: "Hotel bookings increase case study",              authorName: "Emma Thompson",              authorAvatar: "http://img.b2bpic.net/free-photo/portrait-beautiful-businesswoman-indoors_23-2148824829.jpg",              date: "Nov 2024"
             },
           ]}
           title="Recent Case Studies"
@@ -181,40 +174,22 @@ export default function HomePage() {
         <TestimonialCardTwelve
           testimonials={[
             {
-              id: "1",
-              name: "Jennifer Martinez",
-              imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg?_wi=1",
-              imageAlt: "Jennifer Martinez",
+              id: "1",              name: "Jennifer Martinez",              imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg?_wi=1",              imageAlt: "Jennifer Martinez"
             },
             {
-              id: "2",
-              name: "David Chen",
-              imageSrc: "http://img.b2bpic.net/free-vector/lovely-pack-male-workers-avatars_23-2147670043.jpg?_wi=1",
-              imageAlt: "David Chen",
+              id: "2",              name: "David Chen",              imageSrc: "http://img.b2bpic.net/free-vector/lovely-pack-male-workers-avatars_23-2147670043.jpg?_wi=1",              imageAlt: "David Chen"
             },
             {
-              id: "3",
-              name: "Sarah Johnson",
-              imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg?_wi=1",
-              imageAlt: "Sarah Johnson",
+              id: "3",              name: "Sarah Johnson",              imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg?_wi=1",              imageAlt: "Sarah Johnson"
             },
             {
-              id: "4",
-              name: "Michael Williams",
-              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-posing-together_23-2149271750.jpg?_wi=1",
-              imageAlt: "Michael Williams",
+              id: "4",              name: "Michael Williams",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-posing-together_23-2149271750.jpg?_wi=1",              imageAlt: "Michael Williams"
             },
             {
-              id: "5",
-              name: "Lisa Anderson",
-              imageSrc: "http://img.b2bpic.net/free-photo/young-serious-businessman-looking-camera-meeting-headshot-portrait_1163-3923.jpg?_wi=1",
-              imageAlt: "Lisa Anderson",
+              id: "5",              name: "Lisa Anderson",              imageSrc: "http://img.b2bpic.net/free-photo/young-serious-businessman-looking-camera-meeting-headshot-portrait_1163-3923.jpg?_wi=1",              imageAlt: "Lisa Anderson"
             },
             {
-              id: "6",
-              name: "James O'Brien",
-              imageSrc: "http://img.b2bpic.net/free-photo/bald-man-with-beard-wearing-business-clothes-glasses-puffing-cheeks-with-funny-face-mouth-inflated-with-air-crazy-expression_839833-2502.jpg?_wi=1",
-              imageAlt: "James O'Brien",
+              id: "6",              name: "James O'Brien",              imageSrc: "http://img.b2bpic.net/free-photo/bald-man-with-beard-wearing-business-clothes-glasses-puffing-cheeks-with-funny-face-mouth-inflated-with-air-crazy-expression_839833-2502.jpg?_wi=1",              imageAlt: "James O'Brien"
             },
           ]}
           cardTitle="Trusted by hundreds of businesses worldwide. Join them in transforming your digital presence."
@@ -233,14 +208,7 @@ export default function HomePage() {
           textboxLayout="default"
           useInvertedBackground={true}
           names={[
-            "TechFlow Inc",
-            "Aurora Retail",
-            "Momentum Finance",
-            "Zenith Design",
-            "Pulse Health",
-            "Nexus Commerce",
-            "Vertex Solutions",
-            "Horizon Media",
+            "TechFlow Inc",            "Aurora Retail",            "Momentum Finance",            "Zenith Design",            "Pulse Health",            "Nexus Commerce",            "Vertex Solutions",            "Horizon Media"
           ]}
           speed={50}
           showCard={true}
@@ -251,12 +219,10 @@ export default function HomePage() {
         <FooterLogoReveal
           logoText="DigitalFlow"
           leftLink={{
-            text: "Privacy Policy",
-            href: "#",
+            text: "Privacy Policy",            href: "#"
           }}
           rightLink={{
-            text: "Terms of Service",
-            href: "#",
+            text: "Terms of Service",            href: "#"
           }}
         />
       </div>

src/app/portfolio/page.tsx

@@ -11,16 +11,16 @@ import { Zap } from "lucide-react";
 
 export default function PortfolioPage() {
   const navItems = [
-    { name: "Home", id: "home" },
-    { name: "Services", id: "services" },
-    { name: "Portfolio", id: "portfolio" },
-    { name: "About", id: "about" },
-    { name: "Contact", id: "contact" },
+    { name: "Home", id: "/" },
+    { name: "Services", id: "/services" },
+    { name: "Pricing", id: "/pricing" },
+    { name: "Portfolio", id: "/portfolio" },
+    { name: "About", id: "/about" },
+    { name: "Contact", id: "/contact" },
   ];
 
   const navButton = {
-    text: "Get Started",
-    href: "contact",
+    text: "Get Started",    href: "/contact"
   };
 
   return (
@@ -48,37 +48,13 @@ export default function PortfolioPage() {
         <BlogCardThree
           blogs={[
             {
-              id: "case-1",
-              category: "E-Commerce",
-              title: "Increased Sales by 250% for Leading Fashion Brand",
-              excerpt: "Strategic SEO, social media, and content marketing campaign",
-              imageSrc: "http://img.b2bpic.net/free-photo/box-market-electronic-ordering-shop-basket_1421-567.jpg?_wi=2",
-              imageAlt: "online shopping e-commerce success growth",
-              authorName: "Sarah Chen",
-              authorAvatar: "http://img.b2bpic.net/free-photo/portrait-confident-blonde-young-businesswoman-with-crossed-arms-leaning-glass-wall_23-2148066805.jpg",
-              date: "Jan 2025",
+              id: "case-1",              category: "E-Commerce",              title: "Increased Sales by 250% for Leading Fashion Brand",              excerpt: "Strategic SEO, social media, and content marketing campaign",              imageSrc: "http://img.b2bpic.net/free-photo/box-market-electronic-ordering-shop-basket_1421-567.jpg?_wi=2",              imageAlt: "online shopping e-commerce success growth",              authorName: "Sarah Chen",              authorAvatar: "http://img.b2bpic.net/free-photo/portrait-confident-blonde-young-businesswoman-with-crossed-arms-leaning-glass-wall_23-2148066805.jpg",              date: "Jan 2025"
             },
             {
-              id: "case-2",
-              category: "SaaS",
-              title: "B2B SaaS Startup Reached $1M ARR in 12 Months",
-              excerpt: "Growth marketing and customer acquisition optimization",
-              imageSrc: "http://img.b2bpic.net/free-photo/workers-it-company-working-computer_1303-19447.jpg?_wi=2",
-              imageAlt: "SaaS software growth metrics dashboard",
-              authorName: "Marcus Rodriguez",
-              authorAvatar: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg",
-              date: "Dec 2024",
+              id: "case-2",              category: "SaaS",              title: "B2B SaaS Startup Reached $1M ARR in 12 Months",              excerpt: "Growth marketing and customer acquisition optimization",              imageSrc: "http://img.b2bpic.net/free-photo/workers-it-company-working-computer_1303-19447.jpg?_wi=2",              imageAlt: "SaaS software growth metrics dashboard",              authorName: "Marcus Rodriguez",              authorAvatar: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg",              date: "Dec 2024"
             },
             {
-              id: "case-3",
-              category: "Hospitality",
-              title: "Luxury Hotel Chain Grew Bookings by 180%",
-              excerpt: "Multi-channel campaign with influencer partnerships",
-              imageSrc: "http://img.b2bpic.net/free-vector/appointment-booking-landing-page_23-2148561432.jpg?_wi=2",
-              imageAlt: "luxury hotel booking success growth",
-              authorName: "Emma Thompson",
-              authorAvatar: "http://img.b2bpic.net/free-photo/portrait-beautiful-businesswoman-indoors_23-2148824829.jpg",
-              date: "Nov 2024",
+              id: "case-3",              category: "Hospitality",              title: "Luxury Hotel Chain Grew Bookings by 180%",              excerpt: "Multi-channel campaign with influencer partnerships",              imageSrc: "http://img.b2bpic.net/free-vector/appointment-booking-landing-page_23-2148561432.jpg?_wi=2",              imageAlt: "luxury hotel booking success growth",              authorName: "Emma Thompson",              authorAvatar: "http://img.b2bpic.net/free-photo/portrait-beautiful-businesswoman-indoors_23-2148824829.jpg",              date: "Nov 2024"
             },
           ]}
           title="Recent Case Studies"
@@ -95,40 +71,22 @@ export default function PortfolioPage() {
         <TestimonialCardTwelve
           testimonials={[
             {
-              id: "1",
-              name: "Jennifer Martinez",
-              imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg?_wi=2",
-              imageAlt: "professional woman business portrait",
+              id: "1",              name: "Jennifer Martinez",              imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg?_wi=2",              imageAlt: "professional woman business portrait"
             },
             {
-              id: "2",
-              name: "David Chen",
-              imageSrc: "http://img.b2bpic.net/free-vector/lovely-pack-male-workers-avatars_23-2147670043.jpg?_wi=2",
-              imageAlt: "professional man business portrait",
+              id: "2",              name: "David Chen",              imageSrc: "http://img.b2bpic.net/free-vector/lovely-pack-male-workers-avatars_23-2147670043.jpg?_wi=2",              imageAlt: "professional man business portrait"
             },
             {
-              id: "3",
-              name: "Sarah Johnson",
-              imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg?_wi=2",
-              imageAlt: "professional woman business portrait",
+              id: "3",              name: "Sarah Johnson",              imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg?_wi=2",              imageAlt: "professional woman business portrait"
             },
             {
-              id: "4",
-              name: "Michael Williams",
-              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-posing-together_23-2149271750.jpg?_wi=2",
-              imageAlt: "professional man business portrait",
+              id: "4",              name: "Michael Williams",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-posing-together_23-2149271750.jpg?_wi=2",              imageAlt: "professional man business portrait"
             },
             {
-              id: "5",
-              name: "Lisa Anderson",
-              imageSrc: "http://img.b2bpic.net/free-photo/young-serious-businessman-looking-camera-meeting-headshot-portrait_1163-3923.jpg?_wi=2",
-              imageAlt: "professional woman business portrait",
+              id: "5",              name: "Lisa Anderson",              imageSrc: "http://img.b2bpic.net/free-photo/young-serious-businessman-looking-camera-meeting-headshot-portrait_1163-3923.jpg?_wi=2",              imageAlt: "professional woman business portrait"
             },
             {
-              id: "6",
-              name: "James O'Brien",
-              imageSrc: "http://img.b2bpic.net/free-photo/bald-man-with-beard-wearing-business-clothes-glasses-puffing-cheeks-with-funny-face-mouth-inflated-with-air-crazy-expression_839833-2502.jpg?_wi=2",
-              imageAlt: "professional man business portrait",
+              id: "6",              name: "James O'Brien",              imageSrc: "http://img.b2bpic.net/free-photo/bald-man-with-beard-wearing-business-clothes-glasses-puffing-cheeks-with-funny-face-mouth-inflated-with-air-crazy-expression_839833-2502.jpg?_wi=2",              imageAlt: "professional man business portrait"
             },
           ]}
           cardTitle="Trusted by hundreds of businesses worldwide. Join them in transforming your digital presence."
@@ -147,17 +105,15 @@ export default function PortfolioPage() {
           description="Let's schedule a strategic consultation to discuss your goals, challenges, and how DigitalFlow can accelerate your growth."
           buttons={[
             {
-              text: "Schedule Consultation",
-              href: "contact",
+              text: "Schedule Consultation",              href: "/contact"
             },
             {
-              text: "View Services",
-              href: "services",
+              text: "View Services",              href: "/services"
             },
           ]}
           buttonAnimation="slide-up"
           background={{
-            variant: "animated-grid",
+            variant: "animated-grid"
           }}
           useInvertedBackground={false}
         />
@@ -167,12 +123,10 @@ export default function PortfolioPage() {
         <FooterLogoReveal
           logoText="DigitalFlow"
           leftLink={{
-            text: "Privacy Policy",
-            href: "#",
+            text: "Privacy Policy",            href: "#"
           }}
           rightLink={{
-            text: "Terms of Service",
-            href: "#",
+            text: "Terms of Service",            href: "#"
           }}
         />
       </div>

src/app/pricing/page.tsx

@@ -0,0 +1,104 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
+import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
+import ContactCTA from "@/components/sections/contact/ContactCTA";
+import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
+import Link from "next/link";
+import { Zap, Rocket, Star, Crown } from "lucide-react";
+
+export default function PricingPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="expand-hover"
+      defaultTextAnimation="background-highlight"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="largeSizeMediumTitles"
+      background="grid"
+      cardStyle="gradient-bordered"
+      primaryButtonStyle="double-inset"
+      secondaryButtonStyle="layered"
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered
+          brandName="DigitalFlow"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Services", id: "/services" },
+            { name: "Pricing", id: "/pricing" },
+            { name: "Portfolio", id: "/portfolio" },
+            { name: "About", id: "/about" },
+            { name: "Contact", id: "/contact" },
+          ]}
+          button={{
+            text: "Get Started",            href: "#contact"
+          }}
+        />
+      </div>
+
+      <div id="pricing" data-section="pricing">
+        <PricingCardOne
+          plans={[
+            {
+              id: "starter",              badge: "Great to Start",              badgeIcon: Rocket,
+              price: "$2,500",              subtitle: "Per month • Billed monthly",              features: [
+                "SEO optimization for 5 keywords",                "Social media management (2 platforms)",                "Monthly reporting and analytics",                "Email support",                "Content calendar planning"
+              ],
+            },
+            {
+              id: "professional",              badge: "Most Popular",              badgeIcon: Star,
+              price: "$5,000",              subtitle: "Per month • Billed monthly",              features: [
+                "SEO optimization for 20+ keywords",                "Social media management (4 platforms)",                "PPC campaign management",                "Weekly reporting and strategy calls",                "Video content creation (2/month)",                "Email and phone support"
+              ],
+            },
+            {
+              id: "enterprise",              badge: "Maximum Growth",              badgeIcon: Crown,
+              price: "Custom",              subtitle: "Per month • Let's discuss",              features: [
+                "Full-service digital marketing suite",                "Dedicated account team",                "Custom strategy and reporting",                "Influencer partnerships",                "Brand development and positioning",                "24/7 priority support",                "Quarterly business reviews"
+              ],
+            },
+          ]}
+          animationType="slide-up"
+          title="Simple, Transparent Pricing"
+          description="Choose the package that fits your goals. All plans include dedicated support and regular reporting."
+          tag="Pricing"
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactCTA
+          tag="Let's Connect"
+          tagIcon={Zap}
+          tagAnimation="slide-up"
+          title="Ready to Transform Your Digital Presence?"
+          description="Let's schedule a strategic consultation to discuss your goals, challenges, and how DigitalFlow can accelerate your growth."
+          buttons={[
+            { text: "Schedule Consultation", href: "#" },
+            { text: "View Services", href: "/services" },
+          ]}
+          buttonAnimation="slide-up"
+          background={{ variant: "animated-grid" }}
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterLogoReveal
+          logoText="DigitalFlow"
+          leftLink={{
+            text: "Privacy Policy",            href: "#"
+          }}
+          rightLink={{
+            text: "Terms of Service",            href: "#"
+          }}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/services/page.tsx

@@ -29,13 +29,13 @@ export default function ServicesPage() {
           navItems={[
             { name: "Home", id: "/" },
             { name: "Services", id: "/services" },
-            { name: "Portfolio", id: "#portfolio" },
-            { name: "About", id: "#about" },
-            { name: "Contact", id: "#contact" },
+            { name: "Pricing", id: "/pricing" },
+            { name: "Portfolio", id: "/portfolio" },
+            { name: "About", id: "/about" },
+            { name: "Contact", id: "/contact" },
           ]}
           button={{
-            text: "Get Started",
-            href: "#contact",
+            text: "Get Started",            href: "#contact"
           }}
         />
       </div>
@@ -52,33 +52,27 @@ export default function ServicesPage() {
           features={[
             {
               icon: Search,
-              title: "SEO & SEM",
-              description: "Dominate search rankings and drive qualified traffic to your website",
+              title: "SEO & SEM",              description: "Dominate search rankings and drive qualified traffic to your website"
             },
             {
               icon: Share2,
-              title: "Social Media Marketing",
-              description: "Build engaged communities and amplify your brand across platforms",
+              title: "Social Media Marketing",              description: "Build engaged communities and amplify your brand across platforms"
             },
             {
               icon: Mail,
-              title: "Email Marketing",
-              description: "Convert leads into loyal customers with targeted campaigns",
+              title: "Email Marketing",              description: "Convert leads into loyal customers with targeted campaigns"
             },
             {
               icon: Video,
-              title: "Content Creation",
-              description: "Compelling videos, graphics, and copy that resonate with your audience",
+              title: "Content Creation",              description: "Compelling videos, graphics, and copy that resonate with your audience"
             },
             {
               icon: BarChart3,
-              title: "Analytics & Reporting",
-              description: "Transparent insights and actionable data to guide strategy",
+              title: "Analytics & Reporting",              description: "Transparent insights and actionable data to guide strategy"
             },
             {
               icon: Zap,
-              title: "Performance Marketing",
-              description: "Optimize spend and maximize conversions with precision targeting",
+              title: "Performance Marketing",              description: "Optimize spend and maximize conversions with precision targeting"
             },
           ]}
         />
@@ -88,51 +82,24 @@ export default function ServicesPage() {
         <PricingCardEight
           plans={[
             {
-              id: "starter",
-              badge: "Great to Start",
-              badgeIcon: Rocket,
-              price: "$2,500",
-              subtitle: "Per month • Billed monthly",
-              buttons: [{ text: "Get Started", href: "#contact" }],
+              id: "starter",              badge: "Great to Start",              badgeIcon: Rocket,
+              price: "$2,500",              subtitle: "Per month • Billed monthly",              buttons: [{ text: "Get Started", href: "#contact" }],
               features: [
-                "SEO optimization for 5 keywords",
-                "Social media management (2 platforms)",
-                "Monthly reporting and analytics",
-                "Email support",
-                "Content calendar planning",
+                "SEO optimization for 5 keywords",                "Social media management (2 platforms)",                "Monthly reporting and analytics",                "Email support",                "Content calendar planning"
               ],
             },
             {
-              id: "professional",
-              badge: "Most Popular",
-              badgeIcon: Star,
-              price: "$5,000",
-              subtitle: "Per month • Billed monthly",
-              buttons: [{ text: "Get Started", href: "#contact" }],
+              id: "professional",              badge: "Most Popular",              badgeIcon: Star,
+              price: "$5,000",              subtitle: "Per month • Billed monthly",              buttons: [{ text: "Get Started", href: "#contact" }],
               features: [
-                "SEO optimization for 20+ keywords",
-                "Social media management (4 platforms)",
-                "PPC campaign management",
-                "Weekly reporting and strategy calls",
-                "Video content creation (2/month)",
-                "Email and phone support",
+                "SEO optimization for 20+ keywords",                "Social media management (4 platforms)",                "PPC campaign management",                "Weekly reporting and strategy calls",                "Video content creation (2/month)",                "Email and phone support"
               ],
             },
             {
-              id: "enterprise",
-              badge: "Maximum Growth",
-              badgeIcon: Crown,
-              price: "Custom",
-              subtitle: "Per month • Let's discuss",
-              buttons: [{ text: "Schedule Call", href: "#contact" }],
+              id: "enterprise",              badge: "Maximum Growth",              badgeIcon: Crown,
+              price: "Custom",              subtitle: "Per month • Let's discuss",              buttons: [{ text: "Schedule Call", href: "#contact" }],
               features: [
-                "Full-service digital marketing suite",
-                "Dedicated account team",
-                "Custom strategy and reporting",
-                "Influencer partnerships",
-                "Brand development and positioning",
-                "24/7 priority support",
-                "Quarterly business reviews",
+                "Full-service digital marketing suite",                "Dedicated account team",                "Custom strategy and reporting",                "Influencer partnerships",                "Brand development and positioning",                "24/7 priority support",                "Quarterly business reviews"
               ],
             },
           ]}
@@ -167,12 +134,10 @@ export default function ServicesPage() {
         <FooterLogoReveal
           logoText="DigitalFlow"
           leftLink={{
-            text: "Privacy Policy",
-            href: "#",
+            text: "Privacy Policy",            href: "#"
           }}
           rightLink={{
-            text: "Terms of Service",
-            href: "#",
+            text: "Terms of Service",            href: "#"
           }}
         />
       </div>