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: "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>
   );
-}
+}

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 FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ContactText from '@/components/sections/contact/ContactText';
+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">
-          <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"
-          />
+        <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>
 
         <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 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>
   );
-}
+}