From 2b8fbda1b1fbe39f87ede6466e4a7cadc8668632 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 26 May 2026 12:26:16 +0000
Subject: [PATCH] Update src/app/packages/page.tsx

---
 src/app/packages/page.tsx | 310 ++++++++++----------------------------
 1 file changed, 80 insertions(+), 230 deletions(-)

diff --git a/src/app/packages/page.tsx b/src/app/packages/page.tsx
index 368a8cc..b674c15 100644
--- a/src/app/packages/page.tsx
+++ b/src/app/packages/page.tsx
@@ -2,13 +2,12 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import { Award, CheckCircle, ShoppingCart, Sparkles, Star } from "lucide-react";
+import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import { CheckCircle, Package } from 'lucide-react';
 
-export default function LandingPage() {
+export default function PackagesPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="elastic-effect"
@@ -23,233 +22,84 @@ export default function LandingPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Packages",
-          id: "/packages",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-        {
-          name: "Client Login",
-          id: "/login",
-        },
-      ]}
-      brandName="eXpand AD"
-      button={{
-        text: "Get a Quote",
-        href: "/contact",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Services", id: "/services" },
+              { name: "Packages", id: "/packages" },
+              { name: "Contact", id: "/contact" },
+              { name: "Client Login", id: "/login" }
+            ]}
+            brandName="eXpand AD"
+            button={{ text: "Get a Quote", href: "/contact" }}
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      plans={[
-        {
-          id: "starter",
-          badge: "Value",
-          badgeIcon: Sparkles,
-          price: "$500/mo",
-          name: "Starter Boost",
-          buttons: [
-            {
-              text: "Get Started",
-              href: "#",
-            },
-          ],
-          features: [
-            "2 Social Platforms",
-            "8 Posts/Month",
-            "Basic Content Strategy",
-            "Community Engagement (Limited)",
-            "Monthly Performance Report",
-          ],
-        },
-        {
-          id: "growth",
-          badge: "Most Popular",
-          badgeIcon: Star,
-          price: "$1200/mo",
-          name: "Growth Accelerator",
-          buttons: [
-            {
-              text: "Choose Plan",
-              href: "#",
-            },
-          ],
-          features: [
-            "4 Social Platforms",
-            "16 Posts/Month",
-            "Advanced Content Strategy",
-            "Proactive Community Management",
-            "Influencer Outreach (Basic)",
-            "Bi-Weekly Performance Report",
-            "A/B Testing",
-          ],
-        },
-        {
-          id: "enterprise",
-          badge: "Custom",
-          badgeIcon: Award,
-          price: "Custom Quote",
-          name: "Enterprise Solution",
-          buttons: [
-            {
-              text: "Contact Sales",
-              href: "/contact",
-            },
-          ],
-          features: [
-            "Unlimited Platforms",
-            "Custom Post Volume",
-            "Dedicated Brand Strategist",
-            "Full Influencer Campaign Management",
-            "Complete Brand Design Services",
-            "Weekly Performance Meetings",
-            "24/7 Priority Support",
-          ],
-        },
-      ]}
-      title="Flexible Pricing Packages"
-      description="Choose the perfect plan for your business needs, from essential social media management to full-scale brand development."
-      tag="Our Packages"
-      tagIcon={ShoppingCart}
-    />
-  </div>
+        <div id="pricing-packages" data-section="pricing-packages">
+          <PricingCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Social Media Management Packages"
+            description="Choose the perfect plan to boost your online presence and engage your audience."
+            tag="Our Packages"
+            tagIcon={Package}
+            plans={[
+              {
+                id: "basic",                badge: "Starter",                badgeIcon: CheckCircle,
+                price: "$499/month",                subtitle: "Essential Social Media Presence",                features: [
+                  "2 platforms managed",                  "8 posts/month",                  "Basic content creation",                  "Monthly performance report",                  "Email support"
+                ]
+              },
+              {
+                id: "pro",                badge: "Professional",                badgeIcon: CheckCircle,
+                price: "$999/month",                subtitle: "Advanced Growth & Engagement",                features: [
+                  "3 platforms managed",                  "15 posts/month",                  "Advanced content creation",                  "Bi-weekly performance report",                  "Priority email & chat support",                  "Influencer outreach (basic)"
+                ]
+              },
+              {
+                id: "enterprise",                badge: "Enterprise",                badgeIcon: CheckCircle,
+                price: "$1999/month",                subtitle: "Customized & Comprehensive Solution",                features: [
+                  "4+ platforms managed",                  "30+ posts/month",                  "Premium content creation",                  "Weekly performance report",                  "Dedicated account manager",                  "Full influencer campaign management",                  "Paid ad campaign setup & management"
+                ]
+              }
+            ]}
+            buttons={[
+                { text: "Get Started", href: "/checkout" }
+            ]}
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "product1",
-          name: "Social Media Audit",
-          price: "$299",
-          imageSrc: "http://img.b2bpic.net/free-photo/online-marketing_53876-176744.jpg",
-          imageAlt: "Social media icons merging into a sphere",
-        },
-        {
-          id: "product2",
-          name: "Micro-Influencer Campaign",
-          price: "$750",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-smartphone_23-2150208258.jpg",
-          imageAlt: "Hands reaching for a glowing orb",
-        },
-        {
-          id: "product3",
-          name: "Logo Redesign",
-          price: "$500",
-          imageSrc: "http://img.b2bpic.net/free-photo/designers-working-project_53876-94884.jpg",
-          imageAlt: "Logo being designed on a tablet",
-        },
-        {
-          id: "product4",
-          name: "Content Calendar Planning",
-          price: "$350",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-office-desk-composition-with-technological-device_23-2147915885.jpg",
-          imageAlt: "Calendar with scheduled social media content",
-        },
-        {
-          id: "product5",
-          name: "Ad Campaign Ideation",
-          price: "$400",
-          imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-illustration-graphic-designer_23-2151536940.jpg",
-          imageAlt: "Thought cloud with campaign slogans",
-        },
-        {
-          id: "product6",
-          name: "Monthly Analytics Report",
-          price: "$150",
-          imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-flat-design-business-strategy-concept_23-2149190169.jpg",
-          imageAlt: "Upward trending graphs and analytics",
-        },
-      ]}
-      title="Individual Service Add-ons"
-      description="Enhance your chosen package or select standalone services to meet specific project needs."
-      tag="Flexible Services"
-      tagIcon={CheckCircle}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="eXpand AD"
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "/#about",
-            },
-            {
-              label: "Services",
-              href: "/services",
-            },
-            {
-              label: "Packages",
-              href: "/packages",
-            },
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-          ],
-        },
-        {
-          title: "Resources",
-          items: [
-            {
-              label: "Client Login",
-              href: "/login",
-            },
-            {
-              label: "FAQ",
-              href: "/contact#faq",
-            },
-            {
-              label: "Blog",
-              href: "/blog",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 eXpand AD. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="eXpand AD"
+            columns={[
+              {
+                title: "Company",                items: [
+                  { label: "About Us", href: "/#about" },
+                  { label: "Services", href: "/services" },
+                  { label: "Packages", href: "/packages" },
+                  { label: "Contact", href: "/contact" }
+                ]
+              },
+              {
+                title: "Resources",                items: [
+                  { label: "Client Login", href: "/login" },
+                  { label: "FAQ", href: "/contact#faq" }
+                ]
+              },
+              {
+                title: "Legal",                items: [
+                  { label: "Privacy Policy", href: "#" },
+                  { label: "Terms of Service", href: "#" }
+                ]
+              }
+            ]}
+            copyrightText="© 2024 eXpand AD. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file