13 Commits

Author SHA1 Message Date
fe4c6f9973 Update src/app/page.tsx 2026-05-12 15:32:00 +00:00
1ad4120a6a Update src/app/contact/page.tsx 2026-05-12 15:32:00 +00:00
9e4749b297 Merge version_3 into main
Merge version_3 into main
2026-05-12 15:26:35 +00:00
adee8f7e44 Update src/app/contact/page.tsx 2026-05-12 15:26:29 +00:00
06aad0510e Merge version_3 into main
Merge version_3 into main
2026-05-12 15:26:07 +00:00
470f660126 Update src/app/contact/page.tsx 2026-05-12 15:26:01 +00:00
717e514925 Update src/app/about/page.tsx 2026-05-12 15:26:00 +00:00
9300eb4299 Merge version_3 into main
Merge version_3 into main
2026-05-12 15:25:31 +00:00
1c4465d7f9 Update src/app/portfolio/page.tsx 2026-05-12 15:25:28 +00:00
31934fda19 Update src/app/contact/page.tsx 2026-05-12 15:25:27 +00:00
24712d026c Update src/app/about/page.tsx 2026-05-12 15:25:26 +00:00
6ab8f41a9c Merge version_2 into main
Merge version_2 into main
2026-05-12 15:18:09 +00:00
e92ba97905 Merge version_2 into main
Merge version_2 into main
2026-05-12 15:17:40 +00:00
4 changed files with 178 additions and 265 deletions

View File

@@ -3,8 +3,11 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
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 AboutPage() {
return (
@@ -22,44 +25,69 @@ export default function AboutPage() {
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
<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: "Portfolio", id: "/portfolio" },
{ name: "Contact", id: "/contact" },
]}
brandName="AiViqo"
/>
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{ type: 'text', content: "Driven by Innovation, " },
{ type: 'image', src: "http://img.b2bpic.net/free-photo/diverse-business-team-working-together_23-2149520445.jpg", alt: "Founder Team" },
{ type: 'text', content: " Built for Scale." }
]}
/>
<div className="px-6 py-12 space-y-8">
<h2 className="text-3xl font-bold">Our Journey</h2>
<p className="text-lg leading-relaxed">Founded by industry veterans with a shared vision, AiViqo began as a small boutique consultancy focused on solving the most complex automation bottlenecks for mid-market firms. Over the years, we have transformed into an enterprise-grade AI partner, serving clients across North America and Europe.</p>
<p className="text-lg leading-relaxed">Our leadership team brings decades of combined experience in software engineering, data science, and business operations. We believe that technology should serve business goals, not dictate them, and we remain committed to creating transparent, high-ROI AI solutions.</p>
</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="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="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
<FooterLogoEmphasis
columns={[
{ items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }] },
{ items: [{ label: "Contact", href: "/contact" }, { label: "Portfolio", href: "/portfolio" }] },
{ items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }] },
{ items: [{ label: "Contact", href: "/contact" }, { label: "Portfolio", href: "/portfolio" }] },
]}
logoText="AiViqo"
/>
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -2,9 +2,9 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import ContactSplit from '@/components/sections/contact/ContactSplit';
export default function ContactPage() {
return (
@@ -22,50 +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" data-section="contact">
<ContactSplit
tag="Contact Us"
title="Let's build your AI future"
description="Ready to automate your business processes and scale faster? Our team of experts is ready to help you implement a tailored strategy that delivers measurable results."
background={{ variant: "gradient-bars" }}
useInvertedBackground={false}
inputPlaceholder="Enter your professional email"
buttonText="Send Inquiry"
mediaAnimation="blur-reveal"
mediaPosition="right"
/>
<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>

View File

@@ -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"
/>

View File

@@ -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>
);
}
}