Update src/app/contact/page.tsx

Merge version_2 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 ContactText from '@/components/sections/contact/ContactText';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 
-export default function LandingPage() {
+export default function ContactPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="hover-magnetic"
@@ -22,92 +21,50 @@ 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-form" data-section="contact-form">
+            <ContactText
+                text="Let's build something extraordinary together. Our team is ready to help you optimize your business workflows. Reach out for a consultation, partnership inquiry, or technical support."
+                buttons={[
+                    { text: "Schedule a Call", href: "https://calendly.com/visuallabstudios/30min" }
+                ]}
+                background={{ variant: "sparkles-gradient" }}
+                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

@@ -30,25 +30,15 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Home",
-          id: "/",
-        },
+          name: "Home",          id: "/"},
         {
-          name: "About",
-          id: "/about",
-        },
+          name: "About",          id: "/about"},
         {
-          name: "Services",
-          id: "/services",
-        },
+          name: "Services",          id: "/services"},
         {
-          name: "Portfolio",
-          id: "/portfolio",
-        },
+          name: "Portfolio",          id: "/portfolio"},
         {
-          name: "Contact",
-          id: "/contact",
-        },
+          name: "Contact",          id: "/contact"},
       ]}
       brandName="AiViqo"
     />
@@ -57,63 +47,38 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroCentered
       background={{
-        variant: "gradient-bars",
-      }}
+        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/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/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/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/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/medium-shot-female-economist-working-office_23-2150251746.jpg",          alt: "Medium shot female economist working in office"},
       ]}
       buttons={[
         {
-          text: "Book Strategy Call",
-          href: "https://calendly.com/visuallabstudios/30min",
-        },
+          text: "Book Strategy Call",          href: "https://calendly.com/visuallabstudios/30min"},
         {
-          text: "View Services",
-          href: "/services",
-        },
+          text: "View Services",          href: "/services"},
       ]}
       marqueeItems={[
         {
-          type: "text",
-          text: "Enterprise Ready",
-        },
+          type: "text",          text: "Enterprise Ready"},
         {
-          type: "text",
-          text: "AI-Powered CRM",
-        },
+          type: "text",          text: "AI-Powered CRM"},
         {
-          type: "text",
-          text: "Automated Scaling",
-        },
+          type: "text",          text: "Automated Scaling"},
         {
-          type: "text",
-          text: "Data Security",
-        },
+          type: "text",          text: "Data Security"},
         {
-          type: "text",
-          text: "Real-time Analytics",
-        },
+          type: "text",          text: "Real-time Analytics"},
       ]}
     />
   </div>
@@ -124,9 +89,7 @@ export default function LandingPage() {
       title="We engineer the systems that scale your enterprise."
       buttons={[
         {
-          text: "Read Full Story",
-          href: "/about",
-        },
+          text: "Read Full Story",          href: "/about"},
       ]}
     />
   </div>
@@ -139,19 +102,13 @@ export default function LandingPage() {
       features={[
         {
           icon: Zap,
-          title: "AI Lead Generation",
-          description: "High-intent lead sourcing automated through AI.",
-        },
+          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.",
-        },
+          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: "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."
@@ -166,45 +123,20 @@ export default function LandingPage() {
       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: "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: "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: "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: "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: "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"},
       ]}
       title="What Our Partners Say"
       description="Enterprise-level results for innovative teams."
@@ -221,15 +153,9 @@ export default function LandingPage() {
       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: "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",
-        },
+          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>
@@ -240,25 +166,17 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "About",
-              href: "/about",
-            },
+              label: "About",              href: "/about"},
             {
-              label: "Services",
-              href: "/services",
-            },
+              label: "Services",              href: "/services"},
           ],
         },
         {
           items: [
             {
-              label: "Contact",
-              href: "/contact",
-            },
+              label: "Contact",              href: "/contact"},
             {
-              label: "Portfolio",
-              href: "/portfolio",
-            },
+              label: "Portfolio",              href: "/portfolio"},
           ],
         },
       ]}
@@ -268,4 +186,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>
   );