Update src/app/page.tsx

Merge version_3 into main

src/app/contact/page.tsx

@@ -3,8 +3,8 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import ContactText from '@/components/sections/contact/ContactText';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 
 export default function ContactPage() {
   return (
@@ -22,47 +22,36 @@ export default function ContactPage() {
     >
       <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"
-          />
+            <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-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 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="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"
-          />
+            <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,16 +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"
     />
@@ -46,39 +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>
@@ -87,10 +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>
 
@@ -100,15 +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."
@@ -122,63 +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"
     />