Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -4,11 +4,13 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
 import TeamCardSix from '@/components/sections/team/TeamCardSix';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import { Github, Twitter, Linkedin } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -28,16 +30,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
+        { name: "Home", id: "/"},
-          name: "Home",          id: "/"},
+        { name: "About", id: "/about"},
-        {
+        { name: "Services", id: "/services"},
-          name: "About",          id: "/about"},
+        { name: "Portfolio", id: "/portfolio"},
-        {
+        { name: "Contact", id: "/contact"},
-          name: "Services",          id: "/services"},
-        {
-          name: "Portfolio",          id: "/portfolio"},
-        {
-          name: "Contact",          id: "/contact"},
       ]}
       brandName="AiViqo"
     />
@@ -45,58 +42,22 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardTestimonial
-      background={{
+      background={{ variant: "gradient-bars"}}
-        variant: "gradient-bars"}}
       title="Intelligent Automation for Fast-Growing Businesses"
       description="We build AI systems that automate lead generation, workflows, CRM, outreach, and operations for SaaS, agencies, and ecommerce brands."
-      testimonials={[
+      testimonials={[]}
-        {
-          name: "Sarah J.",          handle: "@saas_ceo",          testimonial: "AiViqo revolutionized our CRM efficiency.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg"},
-        {
-          name: "Marcus V.",          handle: "@growth_lab",          testimonial: "The lead gen automation increased our pipeline by 40%.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg"},
-        {
-          name: "Elena R.",          handle: "@ecommerce_scale",          testimonial: "Incredible service, truly customized solutions.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2547.jpg"},
-        {
-          name: "David W.",          handle: "@tech_ops",          testimonial: "Finally, an agency that understands complex API workflows.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-with-hands-head_1262-2009.jpg"},
-        {
-          name: "Linda M.",          handle: "@creative_mgmt",          testimonial: "Our manual data entry is gone. Pure magic.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg"},
-      ]}
       buttons={[
-        {
+        { text: "Book a Strategy Call", href: "https://calendly.com/visuallabstudios/30min"},
-          text: "Book a Strategy Call",          href: "https://calendly.com/visuallabstudios/30min"},
-        {
-          text: "View Services",          href: "/services"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg"
-      avatars={[
+    />
-        {
+    <ContactCTA 
-          src: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg",          alt: "Sarah"},
+        tag="Get Started"
-        {
+        title="Ready to Automate Your Business?"
-          src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2547.jpg",          alt: "Marcus"},
+        description="Join hundreds of brands scaling with AI. Talk to an expert today."
-        {
+        buttons={[{ text: "Get a Consultation", href: "/contact" }]}
-          src: "http://img.b2bpic.net/free-photo/smiling-young-businessman-with-hands-head_1262-2009.jpg",          alt: "Elena"},
+        background={{ variant: "gradient-bars" }}
-        {
+        useInvertedBackground={false}
-          src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg",          alt: "David"},
-        {
-          src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg",          alt: "Linda"},
-      ]}
-      marqueeItems={[
-        {
-          type: "text",          text: "AI Integration"},
-        {
-          type: "text",          text: "Workflow Automation"},
-        {
-          type: "text",          text: "CRM Optimization"},
-        {
-          type: "text",          text: "Lead Generation"},
-        {
-          type: "text",          text: "Scalable Infrastructure"},
-      ]}
     />
   </div>
 
@@ -105,22 +66,21 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
+        { title: "AI Lead Gen", description: "High-conversion automated lead systems.", imageSrc: "http://img.b2bpic.net/free-photo/circuit-board-close-up-with-different-connections_23-2149174317.jpg"},
-          title: "AI Lead Gen",          description: "High-conversion automated lead systems.",          imageSrc: "http://img.b2bpic.net/free-photo/circuit-board-close-up-with-different-connections_23-2149174317.jpg"},
+        { title: "CRM Automation", description: "Integrating Hubspot and GHL seamlessly.", imageSrc: "http://img.b2bpic.net/free-vector/technology-elements-background-flat-style_23-2147756997.jpg"},
-        {
+        { title: "Custom AI Agents", description: "Intelligent bots working 24/7.", imageSrc: "http://img.b2bpic.net/free-photo/programmer-developing-software-large-computer-screen_53876-101149.jpg"}
-          title: "CRM Automation",          description: "Integrating Hubspot and GHL seamlessly.",          imageSrc: "http://img.b2bpic.net/free-vector/technology-elements-background-flat-style_23-2147756997.jpg"},
-        {
-          title: "Custom AI Agents",          description: "Intelligent bots working 24/7.",          imageSrc: "http://img.b2bpic.net/free-photo/programmer-developing-software-large-computer-screen_53876-101149.jpg"},
-        {
-          title: "API Integrations",          description: "Connect all your software tools.",          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-data-center-cityscape_23-2152020917.jpg"},
-        {
-          title: "Data Analytics",          description: "Insights that drive better decisions.",          imageSrc: "http://img.b2bpic.net/free-photo/group-people-network-circuit-board-link-connection-technology_1379-887.jpg"},
-        {
-          title: "Workflow Design",          description: "Optimize operations automatically.",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-technology-background_1048-9652.jpg"},
       ]}
       title="Our AI Automation Solutions"
       description="Powerful systems built to scale your business."
     />
+    <ContactCTA 
+        tag="Next Steps"
+        title="Explore Our Capabilities"
+        description="See how our custom automation can solve your specific bottleneck."
+        buttons={[{ text: "Discuss Requirements", href: "/contact" }]}
+        background={{ variant: "gradient-bars" }}
+        useInvertedBackground={false}
+    />
   </div>
 
   <div id="pricing" data-section="pricing">
@@ -131,24 +91,18 @@ export default function LandingPage() {
       title="Investment Plans"
       description="Scale your operations with transparent pricing."
       plans={[
-        {
+        { id: "basic", badge: "Starter", price: "$1,999", subtitle: "For small agencies", buttons: [{ text: "Select", href: "/contact" }], features: ["Setup", "Basic CRM", "Standard Support"] },
-          id: "basic",          badge: "Starter",          price: "$1,999",          subtitle: "For small agencies",          buttons: [
+        { id: "pro", badge: "Pro", price: "$4,999", subtitle: "For growing teams", buttons: [{ text: "Select", href: "/contact" }], features: ["Everything in Basic", "Advanced Automation", "Priority Support"] },
-            {
-              text: "Select",              href: "/contact"},
-          ],
-          features: [
-            "Setup",            "Basic CRM",            "Standard Support"],
-        },
-        {
-          id: "pro",          badge: "Pro",          price: "$4,999",          subtitle: "For growing teams",          buttons: [
-            {
-              text: "Select",              href: "/contact"},
-          ],
-          features: [
-            "Everything in Basic",            "Advanced Automation",            "Priority Support"],
-        },
       ]}
     />
+    <ContactCTA 
+        tag="Need Custom?"
+        title="Custom Enterprise Solutions"
+        description="Have specific needs or high-volume requirements? Let's build it."
+        buttons={[{ text: "Contact Sales", href: "/contact" }]}
+        background={{ variant: "gradient-bars" }}
+        useInvertedBackground={false}
+    />
   </div>
 
   <div id="team" data-section="team">
@@ -159,12 +113,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Meet Our Engineers"
       description="The minds behind the automation."
-      members={[
+      members={[]}
-        {
-          id: "t1",          name: "Alex R.",          role: "Lead Architect",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg"},
-        {
-          id: "t2",          name: "Sam K.",          role: "Automation Specialist",          imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-tablet_1098-135.jpg"},
-      ]}
     />
   </div>
 
@@ -174,35 +123,28 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Frequently Asked Questions"
       description="Get clarity on our AI services."
-      faqs={[
+      faqs={[]}
-        {
-          id: "q1",          title: "How long for setup?",          content: "Typically 2-4 weeks depending on scope."},
-        {
-          id: "q2",          title: "Which CRMs do you support?",          content: "Hubspot, GHL, Pipedrive, and more."},
-      ]}
       faqsAnimation="blur-reveal"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <ContactCTA 
+        tag="Take Action"
+        title="Ready to scale?"
+        description="Let's transform your operations."
+        buttons={[{ text: "Get Started Now", href: "/contact" }]}
+        background={{ variant: "gradient-bars" }}
+        useInvertedBackground={false}
+      />
+      <FooterCard
       logoText="AiViqo"
-      columns={[
+      socialLinks={[
-        {
+        { icon: Github, href: "#", ariaLabel: "GitHub" },
-          title: "Agency",          items: [
+        { icon: Twitter, href: "#", ariaLabel: "Twitter" },
-            {
+        { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
-              label: "About",              href: "/about"},
-            {
-              label: "Portfolio",              href: "/portfolio"},
-          ],
-        },
-        {
-          title: "Support",          items: [
-            {
-              label: "Contact",              href: "/contact"},
-          ],
-        },
       ]}
+      copyrightText="© 2025 | AiViqo Inc. All rights reserved."
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fbfaff;
+  --background: #0a0a0a;
-  --card: #f7f5ff;
+  --card: #121212;
-  --foreground: #0f0022;
+  --foreground: #f8f8f8;
-  --primary-cta: #8b5cf6;
+  --primary-cta: #ffffff;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #1f1f1f;
   --secondary-cta-text: #ffffff;
-  --accent: #d8cef5;
+  --accent: #333333;
-  --background-accent: #c4a8f9;
+  --background-accent: #1a1a1a;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);