Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -3,29 +3,28 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
-import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
+import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
-import { CheckCircle, Target, Zap } from "lucide-react";
+import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
+import { CheckCircle, Target, Zap, Layout, Search, BarChart, Briefcase, Settings, Map } from "lucide-react";
 
 export default function LandingPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="shift-hover"
         defaultTextAnimation="entrance-slide"
-        borderRadius="pill"
-        contentWidth="compact"
-        sizing="largeSmall"
-        background="floatingGradient"
-        cardStyle="inset"
-        primaryButtonStyle="flat"
-        secondaryButtonStyle="radial-glow"
-        headingFontWeight="normal"
+        borderRadius="rounded"
+        contentWidth="medium"
+        sizing="largeSizeMediumTitles"
+        background="noiseDiagonalGradient"
+        cardStyle="outline"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="solid"
+        headingFontWeight="bold"
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
@@ -34,6 +33,8 @@ export default function LandingPage() {
               { name: "Home", id: "hero" },
               { name: "About", id: "about" },
               { name: "Services", id: "features" },
+              { name: "Pricing", id: "pricing" },
+              { name: "Testimonials", id: "testimonials" },
               { name: "Contact", id: "contact" },
             ]}
             brandName="Apex Lead Group"
@@ -42,138 +43,92 @@ export default function LandingPage() {
 
         <div id="hero" data-section="hero">
           <HeroSplitDoubleCarousel
-            background={{ variant: "gradient-bars" }}
-            title="Scaling Business Through High-Intent Leads"
-            description="Apex Lead Group delivers premium, qualified leads designed to accelerate your sales pipeline and fuel sustainable revenue growth."
-            leftCarouselItems={[
-              { imageSrc: "http://img.b2bpic.net/free-psd/digital-marketing-agency-corporate-facebook-cover-template-design_84443-24471.jpg", imageAlt: "corporate background dark gold" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/determined-ceo-works-office-analyzing-infographics-setting-business-goals_482257-123120.jpg", imageAlt: "data analytics dashboard" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/one-businessman-standing-holding-currency-reflecting-success-generated-by-ai_188544-27899.jpg", imageAlt: "corporate background dark gold" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/person-using-tablet_53876-41005.jpg", imageAlt: "data analytics dashboard" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136867.jpg", imageAlt: "corporate background dark gold" }
-            ]}
-            rightCarouselItems={[
-              { imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884869.jpg", imageAlt: "data analytics dashboard" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/top-view-black-regular-spaghetti-with-copy-space_23-2148461646.jpg", imageAlt: "corporate background dark gold" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/digital-presentation-related-performance-business-using-graph_53876-98525.jpg", imageAlt: "data analytics dashboard" },
-              { imageSrc: "http://img.b2bpic.net/free-psd/digital-marketing-agency-corporate-facebook-cover-banner-template_120329-5066.jpg", imageAlt: "corporate background dark gold" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-sci-fi-techno-lights-cool-background_181624-26156.jpg", imageAlt: "data analytics dashboard" }
-            ]}
-            buttons={[{ text: "Start Scaling", href: "#contact" }]}
-            avatarText="Trusted by 450+ growth-focused companies"
+            background={{ variant: "radial-gradient" }}
+            title="Accelerate Your Revenue with Apex Lead Group"
+            description="Expert digital marketing and high-intent lead generation strategies designed to scale your business."
+            buttons={[{ text: "Get Started", href: "#contact" }, { text: "View Pricing", href: "#pricing" }]}
+            leftCarouselItems={[{ imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?_wi=1" }, { imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?_wi=2" }]}
+            rightCarouselItems={[{ imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?_wi=3" }, { imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?_wi=4" }]}
           />
         </div>
 
         <div id="about" data-section="about">
           <TextSplitAbout
-            useInvertedBackground={false}
-            title="Your Growth Partner"
+            title="Over 2 Years of Digital Growth"
             description={[
-              "Apex Lead Group bridges the gap between ambitious companies and their ideal clients.",              "We combine data-driven insights with strategic outreach to ensure every lead we generate is ready to move through your pipeline."
+              "Apex Lead Group was founded with a singular mission: to simplify lead generation for ambitious brands.",              "With over two years of rigorous testing and scaling, we have perfected the art of connecting your business with decision-makers who are ready to convert."
             ]}
+            useInvertedBackground={false}
           />
         </div>
 
         <div id="features" data-section="features">
           <FeatureCardTwentyFive
-            animationType="slide-up"
+            animationType="depth-3d"
             textboxLayout="default"
             useInvertedBackground={false}
-            title="Our Lead Strategy"
-            description="Comprehensive frameworks designed for high-conversion performance."
+            title="Strategic Agency Services"
+            description="Our comprehensive toolkit for modern business growth."
             features={[
-              {
-                title: "Precision Targeting",                description: "We identify and engage exactly the decision-makers your brand needs.",                icon: Target,
-                mediaItems: [
-                  { imageSrc: "http://img.b2bpic.net/free-photo/firm-handshake-business-partners_1098-15971.jpg", imageAlt: "lead generation funnel" },
-                  { imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-cool-illustration-with-geometric-shapes-bronze-laser-lights_181624-57639.jpg", imageAlt: "artificial intelligence data" }
-                ]
-              },
-              {
-                title: "Verified Quality",                description: "Multi-step verification processes to eliminate waste.",                icon: CheckCircle,
-                mediaItems: [
-                  { imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-techno-cyber-particles_1048-14428.jpg", imageAlt: "artificial intelligence data" },
-                  { imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-young-man-handshake-with-someone-office_1150-15531.jpg", imageAlt: "lead generation funnel" }
-                ]
-              },
-              {
-                title: "Scalable Outreach",                description: "Expand your reach without compromising quality.",                icon: Zap,
-                mediaItems: [
-                  { imageSrc: "http://img.b2bpic.net/free-photo/high-view-pushpin-map-white-wallpaper_23-2148510456.jpg", imageAlt: "lead generation funnel" },
-                  { imageSrc: "http://img.b2bpic.net/free-photo/abstract-science-fiction-futuristic-background-with-golden-neon-lights_181624-34443.jpg", imageAlt: "artificial intelligence data" }
-                ]
-              }
+              { title: "Website Design", description: "High-converting, mobile-responsive sites.", icon: Layout, mediaItems: [{ imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?_wi=5" }, { imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?_wi=6" }] },
+              { title: "Lead Generation", description: "Targeted prospecting and pipeline development.", icon: Target, mediaItems: [{ imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?_wi=7" }, { imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?_wi=8" }] },
+              { title: "SEO Services", description: "Rank higher, reach further, grow faster.", icon: Search, mediaItems: [{ imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?_wi=9" }, { imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?_wi=10" }] },
+              { title: "Google Business Profile", description: "Local presence management and optimization.", icon: Map, mediaItems: [{ imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?_wi=11" }, { imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?_wi=12" }] },
+              { title: "Maintenance", description: "Reliable support for your digital assets.", icon: Settings, mediaItems: [{ imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?_wi=13" }, { imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?_wi=14" }] },
+              { title: "Branding", description: "Identity and messaging that resonates.", icon: Briefcase, mediaItems: [{ imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?_wi=15" }, { imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?_wi=16" }] }
             ]}
           />
         </div>
 
-        <div id="metrics" data-section="metrics">
-          <MetricCardSeven
-            animationType="slide-up"
+        <div id="pricing" data-section="pricing">
+          <PricingCardOne
+            animationType="depth-3d"
             textboxLayout="default"
             useInvertedBackground={false}
-            metrics={[
-              { id: "m1", value: "15K+", title: "Leads Generated", items: ["High-intent prospects", "Industry-validated"] },
-              { id: "m2", value: "30%", title: "Avg Conversion", items: ["Pipeline growth", "Revenue impact"] },
-              { id: "m3", value: "450+", title: "Happy Clients", items: ["Trusted partnerships", "Repeat business"] }
+            title="Transparent Pricing"
+            description="Flexible tiers for every stage of your growth journey."
+            plans={[
+              { id: "p1", badge: "Starter", price: "$999", subtitle: "Essential lead gen for new ventures.", features: ["Site Audit", "Basic Lead Targeting", "Email Support"] },
+              { id: "p2", badge: "Growth", price: "$2,499", subtitle: "Scale your outreach and conversion.", features: ["SEO Optimization", "Advanced Prospecting", "Priority Support"] },
+              { id: "p3", badge: "Premium", price: "$4,999", subtitle: "Full-scale digital growth management.", features: ["Full Agency Support", "Google My Business", "Dedicated Account Manager"] }
             ]}
-            title="Proven Performance"
-            description="Numbers that define our impact on your business growth."
           />
         </div>
 
         <div id="testimonials" data-section="testimonials">
-          <TestimonialCardFive
+          <TestimonialCardOne
+            animationType="slide-up"
+            gridVariant="three-columns-all-equal-width"
             textboxLayout="default"
+            title="Client Success Stories"
+            description="Hear how we helped our partners scale."
             useInvertedBackground={false}
-            title="Partner Voices"
-            description="What our clients say about partnering with Apex Lead Group."
             testimonials={[
-              { id: "1", name: "Sarah Miller", date: "Jan 2024", title: "Marketing Director", quote: "Apex transformed our pipeline overnight.", tag: "Excellent", avatarSrc: "http://img.b2bpic.net/free-photo/traveler-studio-portrait-handsome-bearded-man-wearing-ca_613910-12296.jpg" },
-              { id: "2", name: "John Doe", date: "Feb 2024", title: "CEO", quote: "Reliable, effective, and results-oriented.", tag: "Recommended", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-entrepreneur-posing-camera_1262-3636.jpg" },
-              { id: "3", name: "Emily Chen", date: "Mar 2024", title: "VP Sales", quote: "Best lead quality we have found in years.", tag: "Outstanding", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-standing-bu-office-building_1303-31732.jpg" },
-              { id: "4", name: "David Smith", date: "Apr 2024", title: "Founder", quote: "Growth accelerated after one month.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-sensual-blonde-business-woman-dressed-formal-suit-blue-shirt-isolated-dark-background_613910-6341.jpg" },
-              { id: "5", name: "Lisa Wong", date: "May 2024", title: "CMO", quote: "Apex is the standard for B2B lead gen.", tag: "Elite", avatarSrc: "http://img.b2bpic.net/free-photo/man-black-suit-smiles-sitting-chair_23-2148401485.jpg" }
+              { id: "t1", name: "Alex P.", role: "Founder", company: "InnovateCo", rating: 5 },
+              { id: "t2", name: "Jordan K.", role: "CMO", company: "TechFlow", rating: 5 }
             ]}
           />
         </div>
 
-        <div id="faq" data-section="faq">
-          <FaqSplitMedia
-            textboxLayout="default"
-            useInvertedBackground={false}
-            faqs={[
-              { id: "q1", title: "How fast can we start?", content: "Within 48 hours of onboarding." },
-              { id: "q2", title: "What industries do you serve?", content: "Specializing in SaaS and B2B services." },
-              { id: "q3", title: "Do you offer trials?", content: "We offer a discovery pilot program." }
-            ]}
-            imageSrc="http://img.b2bpic.net/free-photo/company-analyst-reviewing-infographics-progress-success-t_482257-104958.jpg"
-            faqsAnimation="slide-up"
-            mediaAnimation="slide-up"
-            title="Frequently Asked Questions"
-            description="Clear answers to help you get started."
-          />
-        </div>
-
         <div id="contact" data-section="contact">
           <ContactCTA
-            useInvertedBackground={false}
-            background={{ variant: "radial-gradient" }}
-            tag="Get in touch"
-            title="Ready to Scale Your Growth?"
-            description="Schedule a strategy call with our lead gen experts today."
+            title="Let's Talk Growth"
+            description="Contact us to see how we can build a pipeline that drives results for your company."
             buttons={[{ text: "Contact Us", href: "#contact" }]}
+            tag="Contact"
+            background={{ variant: "plain" }}
+            useInvertedBackground={false}
           />
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterBase
-            columns={[
-              { title: "Resources", items: [{ label: "Case Studies", href: "#" }, { label: "Blog", href: "#" }] },
-              { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
-            ]}
+          <FooterBaseReveal
             logoText="Apex Lead Group"
-            copyrightText="© 2025 Apex Lead Group. All rights reserved."
+            columns={[
+              { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
+              { title: "Services", items: [{ label: "Design", href: "#features" }, { label: "Lead Gen", href: "#features" }] }
+            ]}
+            copyrightText="© 2025 Apex Lead Group"
           />
         </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
-  --card: #1a1a1a;
-  --foreground: #f5f5f5;
-  --primary-cta: #ffdf7d;
+  --background: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #120006e6;
+  --primary-cta: #e63946;
   --primary-cta-text: #0a0a0a;
-  --secondary-cta: #1a1a1a;
+  --secondary-cta: #f9f9f9;
   --secondary-cta-text: #ffffff;
-  --accent: #b8860b;
-  --background-accent: #8b6914;
+  --accent: #e2e2e2;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);