Merge version_7 into main

Merge version_7 into main

src/app/page.tsx

@@ -9,6 +9,7 @@ import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import BlogCardOne from '@/components/sections/blog/BlogCardOne';
 import { Sparkles, Zap, Target, PenTool, Search, Palette, Users, TrendingUp, Award, Rocket } from "lucide-react";
 
 export default function LandingPage() {
@@ -32,7 +33,9 @@ export default function LandingPage() {
             { name: "Services", id: "services" },
             { name: "About", id: "about" },
             { name: "Results", id: "metrics" },
-            { name: "Testimonials", id: "testimonials" }
+            { name: "Works", id: "works" },
+            { name: "Testimonials", id: "testimonials" },
+            { name: "Pricing", id: "/pricing" }
           ]}
           button={{
             text: "Get Started",            href: "#contact"
@@ -42,7 +45,7 @@ export default function LandingPage() {
 
       <div id="hero" data-section="hero">
         <HeroSplitDualMedia
-          title="Transform Your Brand"
+          title="Transform Your Brand NOW"
           description="Strategic marketing campaigns designed to elevate your brand presence and drive measurable business growth."
           tag="Marketing Solutions"
           tagIcon={Sparkles}
@@ -149,10 +152,10 @@ export default function LandingPage() {
               title: "Digital Marketing Strategy",              description: "Develop comprehensive digital strategies that align with your business goals and maximize ROI across all channels.",              icon: Target,
               mediaItems: [
                 {
-                  imageSrc: "https://images.unsplash.com/photo-1460925895917-adf4e5a5bbf1?w=800&h=600&fit=crop&_wi=1",                  imageAlt: "Digital marketing strategy visualization"
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AM9hp4M6eDzEwMxDU5gYArbELf/tmp/generate-an-image-of-lorenzo-noya-1772622815832-cedc15c7.jpg",                  imageAlt: "Digital marketing strategy visualization"
                 },
                 {
-                  imageSrc: "https://images.unsplash.com/photo-1460925895917-adf4e5a5bbf1?w=800&h=600&fit=crop&_wi=2",                  imageAlt: "Analytics dashboard"
+                  imageSrc: "http://img.b2bpic.net/free-photo/delicious-candy-concept-with-copy-space_23-2148679289.jpg?id=10289575",                  imageAlt: "Analytics dashboard"
                 }
               ]
             },
@@ -226,6 +229,38 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="works" data-section="works">
+        <BlogCardOne
+          blogs={[
+            {
+              id: "1",              category: "E-Commerce",              title: "TechFlow Solutions - 200% Lead Growth",              excerpt: "Transformed their digital presence with a comprehensive SEO and content strategy that doubled their qualified leads in 6 months.",              imageSrc: "https://images.unsplash.com/photo-1460925895917-adf4e5a5bbf1?w=800&h=600&fit=crop",              imageAlt: "TechFlow case study",              authorName: "Sarah Mitchell",              authorAvatar: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop",              date: "15 Nov 2024"
+            },
+            {
+              id: "2",              category: "SaaS",              title: "CloudSync - Market Expansion Campaign",              excerpt: "Developed a multi-channel marketing strategy that helped them enter 3 new markets and increase brand awareness by 340%.",              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop&_wi=1",              imageAlt: "CloudSync case study",              authorName: "Michael Chen",              authorAvatar: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=100&h=100&fit=crop",              date: "08 Nov 2024"
+            },
+            {
+              id: "3",              category: "Startups",              title: "InnovateLabs - From Zero to Series A",              excerpt: "Built a brand identity and go-to-market strategy that secured Series A funding and established market leadership position.",              imageSrc: "https://images.unsplash.com/photo-1561070791-2526d30994b5?w=800&h=600&fit=crop",              imageAlt: "InnovateLabs case study",              authorName: "Emma Rodriguez",              authorAvatar: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=100&h=100&fit=crop",              date: "01 Nov 2024"
+            },
+            {
+              id: "4",              category: "Healthcare",              title: "MediCare Plus - Patient Acquisition",              excerpt: "Designed and executed a healthcare marketing campaign that increased patient inquiries by 280% and improved conversion rates.",              imageSrc: "https://images.unsplash.com/photo-1576091160550-2173dba999ef?w=800&h=600&fit=crop",              imageAlt: "MediCare Plus case study",              authorName: "Dr. James Wilson",              authorAvatar: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop",              date: "25 Oct 2024"
+            },
+            {
+              id: "5",              category: "Retail",              title: "StyleHub - Omnichannel Integration",              excerpt: "Integrated online and offline marketing channels to create a seamless customer experience, resulting in 165% revenue growth.",              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop&_wi=2",              imageAlt: "StyleHub case study",              authorName: "Lisa Park",              authorAvatar: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=100&h=100&fit=crop",              date: "18 Oct 2024"
+            },
+            {
+              id: "6",              category: "Enterprise",              title: "GlobalTech - Enterprise Rebranding",              excerpt: "Led a complete brand refresh and repositioning strategy for a Fortune 500 company, improving market perception and share.",              imageSrc: "https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?w=800&h=600&fit=crop",              imageAlt: "GlobalTech case study",              authorName: "David Kumar",              authorAvatar: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=100&h=100&fit=crop",              date: "10 Oct 2024"
+            }
+          ]}
+          title="Our Latest Work"
+          description="Explore the diverse range of projects we've successfully executed across different industries and markets."
+          tag="Case Studies"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          carouselMode="buttons"
+        />
+      </div>
+
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardFifteen
           testimonial="Nexus Marketing transformed our approach to digital marketing. Their strategic insights and creative execution resulted in a 200% increase in leads within the first six months. They're not just an agency—they're a true business partner."
@@ -285,9 +320,9 @@ export default function LandingPage() {
             {
               title: "Company",              items: [
                 { label: "About Us", href: "#about" },
-                { label: "Our Work", href: "#metrics" },
+                { label: "Our Work", href: "#works" },
                 { label: "Testimonials", href: "#testimonials" },
-                { label: "Blog", href: "#" }
+                { label: "Pricing", href: "/pricing" }
               ]
             },
             {

src/app/pricing/page.tsx

@@ -0,0 +1,125 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import { Rocket, Check } from "lucide-react";
+
+export default function PricingPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="elastic-effect"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="soft"
+      contentWidth="small"
+      sizing="largeSmallSizeLargeTitles"
+      background="blurBottom"
+      cardStyle="outline"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="layered"
+      headingFontWeight="extrabold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="Nexus Marketing"
+          navItems={[
+            { name: "Services", id: "/" },
+            { name: "About", id: "/" },
+            { name: "Results", id: "/" },
+            { name: "Works", id: "/" },
+            { name: "Testimonials", id: "/" },
+            { name: "Pricing", id: "/pricing" }
+          ]}
+          button={{
+            text: "Get Started",            href: "#contact"
+          }}
+        />
+      </div>
+
+      <div id="pricing" data-section="pricing">
+        <PricingCardFive
+          title="Simple, Transparent Pricing"
+          description="Choose the plan that fits your business needs. All plans include dedicated support and comprehensive analytics."
+          tag="Pricing"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          plans={[
+            {
+              id: "starter",              tag: "Starter Plan",              price: "$2,500",              period: "/month",              description: "Perfect for small businesses and startups looking to establish their digital presence.",              button: {
+                text: "Get Started",                href: "#contact"
+              },
+              featuresTitle: "What's Included:",              features: [
+                "Social Media Management",                "Monthly Content Calendar",                "Basic SEO Optimization",                "Monthly Performance Report",                "Email Support"
+              ]
+            },
+            {
+              id: "professional",              tag: "Professional Plan",              price: "$5,000",              period: "/month",              description: "Ideal for growing businesses ready to scale their marketing efforts across multiple channels.",              button: {
+                text: "Schedule a Call",                href: "#contact"
+              },
+              featuresTitle: "What's Included:",              features: [
+                "Everything in Starter",                "Paid Advertising Management",                "Content Creation (8 pieces/month)",                "Advanced SEO Strategy",                "Bi-weekly Strategy Calls",                "Priority Support",                "A/B Testing & Optimization"
+              ]
+            },
+            {
+              id: "enterprise",              tag: "Enterprise Plan",              price: "Custom",              period: "/month",              description: "Comprehensive marketing transformation for established companies looking for complete brand evolution.",              button: {
+                text: "Contact Sales",                href: "#contact"
+              },
+              featuresTitle: "What's Included:",              features: [
+                "Everything in Professional",                "Dedicated Account Manager",                "Custom Strategy Development",                "Full-Service Content Production",                "Video Marketing & Production",                "Market Research & Analysis",                "Weekly Strategy Sessions",                "Custom Integrations & Tools"
+              ]
+            }
+          ]}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactCenter
+          tag="Get Started"
+          title="Ready to Choose Your Plan?"
+          description="Let's discuss which pricing plan is right for your business. Schedule a consultation with our team today."
+          tagIcon={Rocket}
+          background={{ variant: "radial-gradient" }}
+          useInvertedBackground={false}
+          inputPlaceholder="your@company.com"
+          buttonText="Schedule Consultation"
+          termsText="We respect your privacy. We'll only use your contact information to discuss pricing and how we can help your business grow."
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseReveal
+          columns={[
+            {
+              title: "Services",              items: [
+                { label: "Digital Strategy", href: "/" },
+                { label: "Content Marketing", href: "/" },
+                { label: "SEO & SEM", href: "/" },
+                { label: "Brand Design", href: "/" }
+              ]
+            },
+            {
+              title: "Company",              items: [
+                { label: "About Us", href: "/" },
+                { label: "Our Work", href: "/" },
+                { label: "Testimonials", href: "/" },
+                { label: "Pricing", href: "/pricing" }
+              ]
+            },
+            {
+              title: "Connect",              items: [
+                { label: "Contact Us", href: "#contact" },
+                { label: "LinkedIn", href: "https://linkedin.com" },
+                { label: "Twitter", href: "https://twitter.com" },
+                { label: "Privacy Policy", href: "#" }
+              ]
+            }
+          ]}
+          copyrightText="© 2025 Nexus Marketing. All rights reserved."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/styles/variables.css

@@ -2,23 +2,23 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #0a0a0a;;;
-  --card: #1a1a1a;;;
-  --foreground: #fffffae6;;;
-  --primary-cta: #fde047;;;
-  --secondary-cta: #1a1a1a;;;
-  --accent: #737373;;;
-  --background-accent: #737373;;; */
+  /* --background: #f5f5f5;;;;
+  --card: #ffffff;;;;
+  --foreground: #1c1c1c;;;;
+  --primary-cta: #1c1c1c;;;;
+  --secondary-cta: #ffffff;;;;
+  --accent: #6139e6;;;;
+  --background-accent: #b3a8e8;;;; */
 
-  --background: #0a0a0a;;;
-  --card: #1a1a1a;;;
-  --foreground: #fffffae6;;;
-  --primary-cta: #fde047;;;
-  --primary-cta-text: #0a0a0a;;;
-  --secondary-cta: #1a1a1a;;;
-  --secondary-cta-text: #fffffae6;;;
-  --accent: #737373;;;
-  --background-accent: #737373;;;
+  --background: #f5f5f5;;;;
+  --card: #ffffff;;;;
+  --foreground: #1c1c1c;;;;
+  --primary-cta: #1c1c1c;;;;
+  --primary-cta-text: #f5f5f5;;;;
+  --secondary-cta: #ffffff;;;;
+  --secondary-cta-text: #1c1c1c;;;;
+  --accent: #6139e6;;;;
+  --background-accent: #b3a8e8;;;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);