Update src/app/contact/page.tsx

Merge version_2 into main

src/app/about/page.tsx

@@ -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: "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"
-          />
+            />
         </div>
 
-        <div id="about" data-section="about">
+        <div id="about-hero" data-section="about-hero">
-          <InlineImageSplitTextAbout
+            <TextSplitAbout
-            useInvertedBackground={false}
+                title="Pioneering the Next Generation of Enterprise AI"
-            heading={[
+                description={[
-              { type: 'text', content: "Driven by Innovation, " },
+                    "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."
-              { 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." }
+                useInvertedBackground={false}
-            ]}
+            />
-          />
+        </div>
-          <div className="px-6 py-12 space-y-8">
+
-            <h2 className="text-3xl font-bold">Our Journey</h2>
+        <div id="metrics" data-section="metrics">
-            <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>
+            <MetricCardThree
-            <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>
+                title="Our Impact"
-          </div>
+                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: "Home", href: "/" }, { label: "Services", href: "/services" }] },
-              { items: [{ label: "Contact", href: "/contact" }, { label: "Portfolio", href: "/portfolio" }] },
+                { items: [{ label: "Contact", href: "/contact" }, { label: "Portfolio", href: "/portfolio" }] },
             ]}
             logoText="AiViqo"
-          />
+            />
         </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/contact/page.tsx

@@ -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 NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
+import ContactText from '@/components/sections/contact/ContactText';
-import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 
 export default function ContactPage() {
   return (
@@ -34,18 +34,15 @@ export default function ContactPage() {
           />
         </div>
 
-        <div id="contact" data-section="contact">
+        <div id="contact-form" data-section="contact-form">
-          <ContactSplit
+            <ContactText
-            tag="Contact Us"
+                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."
-            title="Let's build your AI future"
+                buttons={[
-            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."
+                    { text: "Schedule a Call", href: "https://calendly.com/visuallabstudios/30min" }
-            background={{ variant: "gradient-bars" }}
+                ]}
-            useInvertedBackground={false}
+                background={{ variant: "sparkles-gradient" }}
-            inputPlaceholder="Enter your professional email"
+                useInvertedBackground={false}
-            buttonText="Send Inquiry"
+            />
-            mediaAnimation="blur-reveal"
-            mediaPosition="right"
-          />
         </div>
 
         <div id="footer" data-section="footer">

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 FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
+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">
+        <div id="nav" data-section="nav">
-      <NavbarStyleApple
+            <NavbarStyleApple
-      navItems={[
+                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",
+                brandName="AiViqo"
-        },
+            />
-        {
+        </div>
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Portfolio",
-          id: "/portfolio",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="AiViqo"
-    />
-  </div>
 
-  <div id="ecommerce" data-section="ecommerce">
+        <div id="projects" data-section="projects">
-      <ProductCatalog
+            <FeatureCardOne
-      layout="page"
+                title="Our Selected Projects"
-      products={[
+                description="Showcasing bespoke AI implementations and enterprise-scale automation results."
-        {
+                gridVariant="three-columns-all-equal-width"
-          id: "1",
+                animationType="blur-reveal"
-          name: "Automation Suite A",
+                textboxLayout="default"
-          price: "Custom",
+                useInvertedBackground={false}
-          rating: 5,
+                features={[
-          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",
+                    { 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" }
-          id: "2",
+                ]}
-          name: "Data Agent B",
+            />
-          price: "Custom",
+        </div>
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/african-american-male-professional-works-desk-corporation_482257-122689.jpg",
-        },
-      ]}
-    />
-  </div>
 
-  <div id="socialProof" data-section="socialProof">
+        <div id="footer" data-section="footer">
-      <SocialProofOne
+            <FooterLogoEmphasis
-      textboxLayout="default"
+                columns={[
-      useInvertedBackground={false}
+                    { items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }] },
-      title="Recent Projects"
+                    { items: [{ label: "Contact", href: "/contact" }, { label: "Portfolio", href: "/portfolio" }] },
-      description="Delivering excellence across industries."
+                ]}
-      names={[
+                logoText="AiViqo"
-        "Finance Corp",
+            />
-        "Health Systems",
+        </div>
-        "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>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}