Merge version_4 into main

Merge version_4 into main

src/app/about/page.tsx

@@ -26,25 +26,15 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "/"},
-          id: "/",
-        },
         {
-          name: "About",
+          name: "About",          id: "/about"},
-          id: "/about",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "/services"},
-          id: "/services",
-        },
         {
-          name: "Portfolio",
+          name: "Portfolio",          id: "/portfolio"},
-          id: "/portfolio",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "/contact"},
-          id: "/contact",
-        },
       ]}
       brandName="AiViqo"
     />
@@ -63,8 +53,7 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       text="Ready to build?"
     />
   </div>
@@ -74,25 +63,17 @@ export default function LandingPage() {
       logoText="AiViqo"
       columns={[
         {
-          title: "Agency",
+          title: "Agency",          items: [
-          items: [
             {
-              label: "About",
+              label: "About",              href: "/about"},
-              href: "/about",
-            },
             {
-              label: "Portfolio",
+              label: "Portfolio",              href: "/portfolio"},
-              href: "/portfolio",
-            },
           ],
         },
         {
-          title: "Support",
+          title: "Support",          items: [
-          items: [
             {
-              label: "Contact",
+              label: "Contact",              href: "/contact"},
-              href: "/contact",
-            },
           ],
         },
       ]}

src/app/contact/page.tsx

@@ -26,25 +26,15 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "/"},
-          id: "/",
-        },
         {
-          name: "About",
+          name: "About",          id: "/about"},
-          id: "/about",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "/services"},
-          id: "/services",
-        },
         {
-          name: "Portfolio",
+          name: "Portfolio",          id: "/portfolio"},
-          id: "/portfolio",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "/contact"},
-          id: "/contact",
-        },
       ]}
       brandName="AiViqo"
     />
@@ -54,8 +44,7 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       text="Get in touch"
     />
   </div>
@@ -68,10 +57,7 @@ export default function LandingPage() {
       description="Common questions"
       faqs={[
         {
-          id: "f1",
+          id: "f1",          title: "Q?",          content: "A."},
-          title: "Q?",
-          content: "A.",
-        },
       ]}
       faqsAnimation="none"
     />
@@ -82,25 +68,17 @@ export default function LandingPage() {
       logoText="AiViqo"
       columns={[
         {
-          title: "Agency",
+          title: "Agency",          items: [
-          items: [
             {
-              label: "About",
+              label: "About",              href: "/about"},
-              href: "/about",
-            },
             {
-              label: "Portfolio",
+              label: "Portfolio",              href: "/portfolio"},
-              href: "/portfolio",
-            },
           ],
         },
         {
-          title: "Support",
+          title: "Support",          items: [
-          items: [
             {
-              label: "Contact",
+              label: "Contact",              href: "/contact"},
-              href: "/contact",
-            },
           ],
         },
       ]}

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,26 +30,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
+        { name: "Home", id: "/"},
-          name: "Home",
+        { name: "About", id: "/about"},
-          id: "/",
+        { name: "Services", id: "/services"},
-        },
+        { name: "Portfolio", id: "/portfolio"},
-        {
+        { name: "Contact", id: "/contact"},
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Portfolio",
-          id: "/portfolio",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
       ]}
       brandName="AiViqo"
     />
@@ -55,103 +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",
+        tag="Get Started"
-          alt: "Sarah",
+        title="Ready to Automate Your Business?"
-        },
+        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/black-businessman-happy-expression_1194-2547.jpg",
+        background={{ variant: "gradient-bars" }}
-          alt: "Marcus",
+        useInvertedBackground={false}
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-young-businessman-with-hands-head_1262-2009.jpg",
-          alt: "Elena",
-        },
-        {
-          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>
 
@@ -160,40 +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",
+        { title: "CRM Automation", description: "Integrating Hubspot and GHL seamlessly.", imageSrc: "http://img.b2bpic.net/free-vector/technology-elements-background-flat-style_23-2147756997.jpg"},
-          description: "High-conversion automated lead systems.",
+        { 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"}
-          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: "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">
@@ -204,42 +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",
+        { id: "pro", badge: "Pro", price: "$4,999", subtitle: "For growing teams", buttons: [{ text: "Select", href: "/contact" }], features: ["Everything in Basic", "Advanced Automation", "Priority Support"] },
-          badge: "Starter",
-          price: "$1,999",
-          subtitle: "For small agencies",
-          buttons: [
-            {
-              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">
@@ -250,20 +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>
 
@@ -273,49 +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",
+        { icon: Twitter, href: "#", ariaLabel: "Twitter" },
-          items: [
+        { 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/portfolio/page.tsx

@@ -26,25 +26,15 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "/"},
-          id: "/",
-        },
         {
-          name: "About",
+          name: "About",          id: "/about"},
-          id: "/about",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "/services"},
-          id: "/services",
-        },
         {
-          name: "Portfolio",
+          name: "Portfolio",          id: "/portfolio"},
-          id: "/portfolio",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "/contact"},
-          id: "/contact",
-        },
       ]}
       brandName="AiViqo"
     />
@@ -60,11 +50,7 @@ export default function LandingPage() {
       description="Success stories."
       products={[
         {
-          id: "c1",
+          id: "c1",          name: "SaaS Scale",          price: "High",          imageSrc: "http://img.b2bpic.net/free-vector/five-strategy-diagrams-templates-set_1262-4178.jpg"},
-          name: "SaaS Scale",
-          price: "High",
-          imageSrc: "http://img.b2bpic.net/free-vector/five-strategy-diagrams-templates-set_1262-4178.jpg",
-        },
       ]}
     />
   </div>
@@ -83,25 +69,17 @@ export default function LandingPage() {
       logoText="AiViqo"
       columns={[
         {
-          title: "Agency",
+          title: "Agency",          items: [
-          items: [
             {
-              label: "About",
+              label: "About",              href: "/about"},
-              href: "/about",
-            },
             {
-              label: "Portfolio",
+              label: "Portfolio",              href: "/portfolio"},
-              href: "/portfolio",
-            },
           ],
         },
         {
-          title: "Support",
+          title: "Support",          items: [
-          items: [
             {
-              label: "Contact",
+              label: "Contact",              href: "/contact"},
-              href: "/contact",
-            },
           ],
         },
       ]}

src/app/services/page.tsx

@@ -26,25 +26,15 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "/"},
-          id: "/",
-        },
         {
-          name: "About",
+          name: "About",          id: "/about"},
-          id: "/about",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "/services"},
-          id: "/services",
-        },
         {
-          name: "Portfolio",
+          name: "Portfolio",          id: "/portfolio"},
-          id: "/portfolio",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "/contact"},
-          id: "/contact",
-        },
       ]}
       brandName="AiViqo"
     />
@@ -58,15 +48,9 @@ export default function LandingPage() {
       description="Our expertise."
       features={[
         {
-          title: "AI Logic",
+          title: "AI Logic",          description: "Custom code",          imageSrc: "http://img.b2bpic.net/free-photo/circuit-board-close-up-with-different-connections_23-2149174342.jpg"},
-          description: "Custom code",
-          imageSrc: "http://img.b2bpic.net/free-photo/circuit-board-close-up-with-different-connections_23-2149174342.jpg",
-        },
         {
-          title: "Bot Deploy",
+          title: "Bot Deploy",          description: "Deployment",          imageSrc: "http://img.b2bpic.net/free-vector/options-business-solutions-diagram_1262-4270.jpg"},
-          description: "Deployment",
-          imageSrc: "http://img.b2bpic.net/free-vector/options-business-solutions-diagram_1262-4270.jpg",
-        },
       ]}
     />
   </div>
@@ -80,14 +64,9 @@ export default function LandingPage() {
       description="Choose best."
       plans={[
         {
-          id: "1",
+          id: "1",          badge: "A",          price: "$0",          subtitle: "Intro",          buttons: [],
-          badge: "A",
-          price: "$0",
-          subtitle: "Intro",
-          buttons: [],
           features: [
-            "Feature 1",
+            "Feature 1"],
-          ],
         },
       ]}
     />
@@ -98,25 +77,17 @@ export default function LandingPage() {
       logoText="AiViqo"
       columns={[
         {
-          title: "Agency",
+          title: "Agency",          items: [
-          items: [
             {
-              label: "About",
+              label: "About",              href: "/about"},
-              href: "/about",
-            },
             {
-              label: "Portfolio",
+              label: "Portfolio",              href: "/portfolio"},
-              href: "/portfolio",
-            },
           ],
         },
         {
-          title: "Support",
+          title: "Support",          items: [
-          items: [
             {
-              label: "Contact",
+              label: "Contact",              href: "/contact"},
-              href: "/contact",
-            },
           ],
         },
       ]}

src/app/styles/variables.css

@@ -11,14 +11,14 @@
   --background-accent: #ffffff; */
 
   --background: #0a0a0a;
-  --card: #1a1a1a;
+  --card: #121212;
-  --foreground: #ffffff;
+  --foreground: #f8f8f8;
-  --primary-cta: #1f7cff;
+  --primary-cta: #ffffff;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #010101;
+  --secondary-cta: #1f1f1f;
   --secondary-cta-text: #ffffff;
-  --accent: #1f7cff;
+  --accent: #333333;
-  --background-accent: #f96b2f;
+  --background-accent: #1a1a1a;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);