Merge version_4 into main

Merge version_4 into main

src/app/about/page.tsx

@@ -2,12 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import TeamCardFive from '@/components/sections/team/TeamCardFive';
+import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import { Target, Users, TrendingUp, ShieldCheck } from "lucide-react";
 
-export default function LandingPage() {
+export default function AboutPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="hover-magnetic"
@@ -22,92 +24,69 @@ export default function LandingPage() {
         headingFontWeight="light"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Portfolio",
-          id: "/portfolio",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="AiViqo"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarStyleApple
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "About", id: "/about" },
+                { name: "Services", id: "/services" },
+                { name: "Portfolio", id: "/portfolio" },
+                { name: "Contact", id: "/contact" },
+            ]}
+            brandName="AiViqo"
+            />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextSplitAbout
-      useInvertedBackground={false}
-      title="Our Philosophy"
-      description={[
-        "At AiViqo, we prioritize efficiency above all else.",
-        "AI is not just a tool; it is a fundamental shift in business operations.",
-      ]}
-    />
-  </div>
+        <div id="about-hero" data-section="about-hero">
+            <TextSplitAbout
+                title="Pioneering the Next Generation of Enterprise AI"
+                description={[
+                    "AiViqo was founded on a simple premise: technology should serve business goals, not create more friction.",                    "Our mission is to bridge the gap between high-complexity business requirements and elegant, automated workflows. We don't just implement software; we engineer growth ecosystems."
+                ]}
+                useInvertedBackground={false}
+            />
+        </div>
 
-  <div id="socialProof" data-section="socialProof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Trusted by Leaders"
-      description="We partner with forward-thinking enterprises."
-      names={[
-        "Enterprise Alpha",
-        "Global Tech Inc",
-        "Innovation Labs",
-        "Growth Corp",
-        "NextGen Solutions",
-      ]}
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+            <MetricCardThree
+                title="Our Impact"
+                description="Data-driven results that define our excellence."
+                animationType="slide-up"
+                textboxLayout="default"
+                useInvertedBackground={false}
+                metrics={[
+                    { id: "1", icon: Target, title: "Processes Automated", value: "500+" },
+                    { id: "2", icon: Users, title: "Businesses Scaled", value: "150+" },
+                    { id: "3", icon: TrendingUp, title: "Growth Efficiency", value: "3.5x" },
+                    { id: "4", icon: ShieldCheck, title: "System Uptime", value: "99.9%" }
+                ]}
+            />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "About",
-              href: "/about",
-            },
-            {
-              label: "Services",
-              href: "/services",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-            {
-              label: "Portfolio",
-              href: "/portfolio",
-            },
-          ],
-        },
-      ]}
-      logoText="AiViqo"
-    />
-  </div>
+        <div id="team" data-section="team">
+            <TeamCardFive
+                title="Meet the Architects"
+                description="The diverse team of experts behind AiViqo."
+                animationType="blur-reveal"
+                textboxLayout="default"
+                useInvertedBackground={false}
+                team={[
+                    { id: "1", name: "Alex Rivers", role: "Founder & CEO", imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-with-glasses-standing-office-copy-space_23-2148782068.jpg" },
+                    { id: "2", name: "Maya Chen", role: "Head of AI Operations", imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-woman-using-laptop_23-2148855663.jpg" },
+                    { id: "3", name: "Sam Thorne", role: "Lead Systems Architect", imageSrc: "http://img.b2bpic.net/free-photo/confident-man-suit-posing-office_23-2148753265.jpg" }
+                ]}
+            />
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterLogoEmphasis
+            columns={[
+                { items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }] },
+                { items: [{ label: "Contact", href: "/contact" }, { label: "Portfolio", href: "/portfolio" }] },
+            ]}
+            logoText="AiViqo"
+            />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );

src/app/contact/page.tsx

@@ -2,12 +2,11 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 
-export default function LandingPage() {
+export default function ContactPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="hover-magnetic"
@@ -22,92 +21,39 @@ export default function LandingPage() {
         headingFontWeight="light"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Portfolio",
-          id: "/portfolio",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="AiViqo"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarStyleApple
+              navItems={[
+                { name: "Home", id: "/" },
+                { name: "About", id: "/about" },
+                { name: "Services", id: "/services" },
+                { name: "Portfolio", id: "/portfolio" },
+                { name: "Contact", id: "/contact" },
+              ]}
+              brandName="AiViqo"
+            />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "canvas-reveal",
-      }}
-      tag="Get in touch"
-      title="Ready to scale your business?"
-      description="Reach out to our engineering team today."
-      mediaAnimation="blur-reveal"
-      imageSrc="http://img.b2bpic.net/free-photo/contemporary-room-workplace-office-supplies-concept_53876-31812.jpg"
-      imageAlt="Contemporary Room Workplace Office Supplies Concept"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+            <ContactSplit
+              tag="Get in Touch"
+              title="Start Your Digital Transformation"
+              description="Tell us about your project requirements. Fill out the details below, and our team will get back to you to discuss your business automation goals."
+              background={{ variant: 'plain' }}
+              useInvertedBackground={false}
+            />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextSplitAbout
-      useInvertedBackground={false}
-      title="Office Hours"
-      description={[
-        "Monday - Friday",
-        "9:00 AM - 6:00 PM EST",
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "About",
-              href: "/about",
-            },
-            {
-              label: "Services",
-              href: "/services",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-            {
-              label: "Portfolio",
-              href: "/portfolio",
-            },
-          ],
-        },
-      ]}
-      logoText="AiViqo"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterLogoEmphasis
+              columns={[
+                { items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }] },
+                { items: [{ label: "Contact", href: "/contact" }, { label: "Portfolio", href: "/portfolio" }] },
+              ]}
+              logoText="AiViqo"
+            />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/page.tsx

@@ -9,7 +9,9 @@ import HeroCentered from '@/components/sections/hero/HeroCentered';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 import TextAbout from '@/components/sections/about/TextAbout';
-import { Database, Mail, Zap } from "lucide-react";
+import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
+import FeatureBento from '@/components/sections/feature/FeatureBento';
+import { Database, Mail, Zap, Target, Cpu, BarChart3, ShieldCheck, Rocket, ChevronRight } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -29,26 +31,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Portfolio",
-          id: "/portfolio",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
+        { name: "Home", id: "/" },
+        { name: "About", id: "/about" },
+        { name: "Services", id: "/services" },
+        { name: "Pricing", id: "/pricing" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="AiViqo"
     />
@@ -56,64 +43,51 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroCentered
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Intelligent Automation for Fast-Growing Businesses"
       description="AiViqo accelerates your business through bespoke AI workflows, CRM automation, and high-performance lead generation systems."
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/business-man-banner-concept-with-copy-space_23-2149601461.jpg",
-          alt: "business man portrait",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-wearing-glasses_329181-677.jpg",
-          alt: "Portrait of handsome businessman wearing glasses",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-smiling-camera_74855-4022.jpg",
-          alt: "Cheerful young businesswoman smiling at camera",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-handsome-young-office-worker-glasses-suit-smiling-camera-looking-happy-white_1258-173667.jpg",
-          alt: "Closeup of handsome young office worker in glasses and suit smiling at camera",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-female-economist-working-office_23-2150251746.jpg",
-          alt: "Medium shot female economist working in office",
-        },
+        { src: "http://img.b2bpic.net/free-photo/business-man-banner-concept-with-copy-space_23-2149601461.jpg", alt: "business man portrait" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-wearing-glasses_329181-677.jpg", alt: "Portrait of handsome businessman wearing glasses" },
+        { src: "http://img.b2bpic.net/free-photo/cheerful-young-businesswoman-smiling-camera_74855-4022.jpg", alt: "Cheerful young businesswoman smiling at camera" },
       ]}
       buttons={[
-        {
-          text: "Book Strategy Call",
-          href: "https://calendly.com/visuallabstudios/30min",
-        },
-        {
-          text: "View Services",
-          href: "/services",
-        },
+        { text: "Book Strategy Call", href: "https://calendly.com/visuallabstudios/30min" },
+        { text: "View Services", href: "/services" },
       ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Enterprise Ready",
-        },
-        {
-          type: "text",
-          text: "AI-Powered CRM",
-        },
-        {
-          type: "text",
-          text: "Automated Scaling",
-        },
-        {
-          type: "text",
-          text: "Data Security",
-        },
-        {
-          type: "text",
-          text: "Real-time Analytics",
-        },
+    />
+  </div>
+
+  <div id="benefits" data-section="benefits">
+      <FeatureBento
+      title="Why Choose AiViqo?"
+      description="Unlock the true potential of your business with our tailored intelligent solutions."
+      textboxLayout="split"
+      useInvertedBackground={false}
+      animationType="slide-up"
+      features={[
+        { title: "Enhanced Efficiency", description: "Automate repetitive tasks to focus on strategy.", bentoComponent: "reveal-icon", icon: Zap },
+        { title: "Smart CRM Integration", description: "Seamless data flow between your core platforms.", bentoComponent: "reveal-icon", icon: Database },
+        { title: "High-Quality Leads", description: "Intelligent prospecting that yields results.", bentoComponent: "reveal-icon", icon: Target },
+        { title: "Predictive Modeling", description: "Data-driven insights for smarter growth.", bentoComponent: "reveal-icon", icon: BarChart3 },
+        { title: "AI-Powered Agents", description: "Custom bots built for your specific workflow.", bentoComponent: "reveal-icon", icon: Cpu },
+        { title: "Enterprise Security", description: "Robust protection for all your sensitive data.", bentoComponent: "reveal-icon", icon: ShieldCheck },
+        { title: "Rapid Scaling", description: "Systems engineered to grow with you.", bentoComponent: "reveal-icon", icon: Rocket },
+      ]}
+    />
+  </div>
+
+  <div id="pricing" data-section="pricing">
+      <PricingCardEight
+      title="Plans Built for Scale"
+      description="Transparent pricing designed for modern businesses."
+      textboxLayout="default"
+      useInvertedBackground={false}
+      animationType="slide-up"
+      plans={[
+        { id: "starter", badge: "Starter", price: "$999", subtitle: "For growing teams", buttons: [{ text: "Get Started" }], features: ["CRM Setup", "Workflow Automations", "Email Support"] },
+        { id: "pro", badge: "Professional", price: "$2999", subtitle: "Full-scale automation", buttons: [{ text: "Choose Pro" }], features: ["Starter Features", "AI Agents", "Priority 24/7 Support", "Custom Data Pipeline"] },
+        { id: "enterprise", badge: "Enterprise", price: "Custom", subtitle: "Bespoke solutions", buttons: [{ text: "Contact Sales" }], features: ["Pro Features", "Dedicated Account Manager", "Custom Model Training", "SLA Guarantees"] }
       ]}
     />
   </div>
@@ -122,12 +96,7 @@ export default function LandingPage() {
       <TextAbout
       useInvertedBackground={false}
       title="We engineer the systems that scale your enterprise."
-      buttons={[
-        {
-          text: "Read Full Story",
-          href: "/about",
-        },
-      ]}
+      buttons={[{ text: "Read Full Story", href: "/about" }]}
     />
   </div>
 
@@ -137,21 +106,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
-          icon: Zap,
-          title: "AI Lead Generation",
-          description: "High-intent lead sourcing automated through AI.",
-        },
-        {
-          icon: Database,
-          title: "Custom AI Agents",
-          description: "Bespoke agents integrated into your existing tech stack.",
-        },
-        {
-          icon: Mail,
-          title: "Workflow Automation",
-          description: "Streamlining outreach, CRM entry, and data management.",
-        },
+        { icon: Zap, title: "AI Lead Generation", description: "High-intent lead sourcing automated through AI." },
+        { icon: Database, title: "Custom AI Agents", description: "Bespoke agents integrated into your existing tech stack." },
+        { icon: Mail, title: "Workflow Automation", description: "Streamlining outreach, CRM entry, and data management." },
       ]}
       title="Our Enterprise Solutions"
       description="Leveraging advanced AI to eliminate manual bottlenecks and maximize ROI."
@@ -165,102 +122,20 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Sarah Johnson",
-          role: "CEO",
-          company: "TechCorp",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-freelance-developer-drawing-action-plan-flipchart-blonde-young-female-managers-looking-foreign-colleague-which-writing-something-board_197531-3769.jpg",
-        },
-        {
-          id: "2",
-          name: "Michael Chen",
-          role: "CTO",
-          company: "InnovateLab",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily Rodriguez",
-          role: "Director",
-          company: "GrowthCo",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
-        },
-        {
-          id: "4",
-          name: "David Kim",
-          role: "Manager",
-          company: "StartupXYZ",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-business-team-discussing-report-sitting-meeting-table-with-monitor-holding-looking-documents-business-meeting-teamwork-concept_74855-11909.jpg",
-        },
-        {
-          id: "5",
-          name: "Alex Smith",
-          role: "Head of Ops",
-          company: "GlobalScale",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
-        },
+        { id: "1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5 },
+        { id: "2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5 },
+        { id: "3", name: "Emily Rodriguez", role: "Director", company: "GrowthCo", rating: 5 },
       ]}
       title="What Our Partners Say"
       description="Enterprise-level results for innovative teams."
     />
   </div>
 
-  <div id="feature" data-section="feature">
-      <FeatureCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      title="Precision Engineered AI"
-      description="Delivering high-performance automation for complex enterprise environments."
-      features={[
-        {
-          title: "Data Pipeline Orchestration",
-          description: "End-to-end data flow automation.",
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-solving-startup-problems-with-laptop-archived-documents-looking-annual-statistics-report-find-issue-young-analyst-reviewing-papers-executive-strategy-plan_482257-65811.jpg",
-        },
-        {
-          title: "Predictive Analytics",
-          description: "Forecast business growth with AI models.",
-          imageSrc: "http://img.b2bpic.net/free-photo/company-managers-discussing-solution-businesspeople-gathering-meeting-room-watching-content-computer-monitor-together-business-communication-teamwork-concept_74855-11621.jpg",
-        },
-      ]}
-    />
-  </div>
-
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        {
-          items: [
-            {
-              label: "About",
-              href: "/about",
-            },
-            {
-              label: "Services",
-              href: "/services",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-            {
-              label: "Portfolio",
-              href: "/portfolio",
-            },
-          ],
-        },
+        { items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }] },
+        { items: [{ label: "Pricing", href: "/pricing" }, { label: "Contact", href: "/contact" }] },
       ]}
       logoText="AiViqo"
     />
@@ -268,4 +143,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/portfolio/page.tsx

@@ -2,12 +2,11 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
+import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 
-export default function LandingPage() {
+export default function PortfolioPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="hover-magnetic"
@@ -22,102 +21,45 @@ export default function LandingPage() {
         headingFontWeight="light"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Portfolio",
-          id: "/portfolio",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="AiViqo"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarStyleApple
+                navItems={[
+                    { name: "Home", id: "/" },
+                    { name: "About", id: "/about" },
+                    { name: "Services", id: "/services" },
+                    { name: "Portfolio", id: "/portfolio" },
+                    { name: "Contact", id: "/contact" },
+                ]}
+                brandName="AiViqo"
+            />
+        </div>
 
-  <div id="ecommerce" data-section="ecommerce">
-      <ProductCatalog
-      layout="page"
-      products={[
-        {
-          id: "1",
-          name: "Automation Suite A",
-          price: "Custom",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-african-man-sitting-table-office-while-his-subordinates-working-new-sale-strategy-indoor-portrait-business-people-international-company-posing-work-process_197531-3746.jpg",
-        },
-        {
-          id: "2",
-          name: "Data Agent B",
-          price: "Custom",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/african-american-male-professional-works-desk-corporation_482257-122689.jpg",
-        },
-      ]}
-    />
-  </div>
+        <div id="projects" data-section="projects">
+            <FeatureCardOne
+                title="Our Selected Projects"
+                description="Showcasing bespoke AI implementations and enterprise-scale automation results."
+                gridVariant="three-columns-all-equal-width"
+                animationType="blur-reveal"
+                textboxLayout="default"
+                useInvertedBackground={false}
+                features={[
+                    { title: "AI CRM Integration", description: "Automated lead management and data pipeline efficiency.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-solving-startup-problems-with-laptop-archived-documents-looking-annual-statistics-report-find-issue-young-analyst-reviewing-papers-executive-strategy-plan_482257-65811.jpg" },
+                    { title: "Automated Outreach", description: "High-intent lead generation via custom AI agents.", imageSrc: "http://img.b2bpic.net/free-photo/company-managers-discussing-solution-businesspeople-gathering-meeting-room-watching-content-computer-monitor-together-business-communication-teamwork-concept_74855-11621.jpg" },
+                    { title: "Data Analytics Dashboard", description: "Predictive insights powered by machine learning models.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-freelance-developer-drawing-action-plan-flipchart-blonde-young-female-managers-looking-foreign-colleague-which-writing-something-board_197531-3769.jpg" }
+                ]}
+            />
+        </div>
 
-  <div id="socialProof" data-section="socialProof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Recent Projects"
-      description="Delivering excellence across industries."
-      names={[
-        "Finance Corp",
-        "Health Systems",
-        "Retail Hub",
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "About",
-              href: "/about",
-            },
-            {
-              label: "Services",
-              href: "/services",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-            {
-              label: "Portfolio",
-              href: "/portfolio",
-            },
-          ],
-        },
-      ]}
-      logoText="AiViqo"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterLogoEmphasis
+                columns={[
+                    { items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }] },
+                    { items: [{ label: "Contact", href: "/contact" }, { label: "Portfolio", href: "/portfolio" }] },
+                ]}
+                logoText="AiViqo"
+            />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/services/page.tsx

@@ -2,12 +2,12 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
+import { Zap, Database, Mail, BarChart3, Bot, ShieldCheck } from "lucide-react";
 
-export default function LandingPage() {
+export default function ServicesPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="hover-magnetic"
@@ -22,99 +22,62 @@ export default function LandingPage() {
         headingFontWeight="light"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Portfolio",
-          id: "/portfolio",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="AiViqo"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Services", id: "/services" },
+              { name: "Portfolio", id: "/portfolio" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="AiViqo"
+          />
+        </div>
 
-  <div id="feature" data-section="feature">
-      <FeatureCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      title="Our Services"
-      description="Tailored automation strategies."
-      features={[
-        {
-          title: "Process Audit",
-          description: "Identifying bottlenecks.",
-          imageSrc: "http://img.b2bpic.net/free-photo/manager-sitting-office_1098-22033.jpg",
-        },
-        {
-          title: "Deployment",
-          description: "Seamless integration.",
-          imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",
-        },
-      ]}
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyFour
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="Our Suite of AI Solutions"
+            description="Comprehensive services designed to automate, scale, and secure your enterprise operations with cutting-edge AI technology."
+            features={[
+              {
+                id: "1",                title: "Intelligent Lead Gen",                author: "Strategic Growth",                description: "Automated high-intent lead identification and qualification using proprietary AI models to boost your sales pipeline conversion by up to 40%.",                tags: ["Automation", "Sales"],
+                imageSrc: "https://img.b2bpic.net/free-photo/marketing-strategy-analysis-office_23-2148964522.jpg"},
+              {
+                id: "2",                title: "Bespoke AI Agents",                author: "System Integration",                description: "Custom-built AI agents tailored for your specific workflows, seamlessly integrating into your CRM to automate repetitive tasks with precision.",                tags: ["AI Agents", "Workflow"],
+                imageSrc: "https://img.b2bpic.net/free-photo/digital-data-processing_23-2148764032.jpg"},
+              {
+                id: "3",                title: "Workflow Orchestration",                author: "Operations",                description: "Streamlining your entire tech stack through unified workflow automation. We reduce manual data entry and connect disconnected systems.",                tags: ["Ops", "Efficiency"],
+                imageSrc: "https://img.b2bpic.net/free-photo/office-data-management_23-2149123456.jpg"},
+              {
+                id: "4",                title: "Predictive Analytics",                author: "Data Intelligence",                description: "Advanced data modeling that forecasts business trends and identifies opportunities for scaling before they manifest in your traditional reports.",                tags: ["Data", "Analytics"],
+                imageSrc: "https://img.b2bpic.net/free-photo/data-analysis-screen_23-2149021234.jpg"}
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextSplitAbout
-      useInvertedBackground={false}
-      title="Our Methodology"
-      description={[
-        "Iterative deployment.",
-        "Constant monitoring.",
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "About",
-              href: "/about",
-            },
-            {
-              label: "Services",
-              href: "/services",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-            {
-              label: "Portfolio",
-              href: "/portfolio",
-            },
-          ],
-        },
-      ]}
-      logoText="AiViqo"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              {
+                items: [
+                  { label: "About", href: "/about" },
+                  { label: "Services", href: "/services" },
+                ],
+              },
+              {
+                items: [
+                  { label: "Contact", href: "/contact" },
+                  { label: "Portfolio", href: "/portfolio" },
+                ],
+              },
+            ]}
+            logoText="AiViqo"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );