Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -8,7 +8,7 @@ import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
@@ -32,21 +32,27 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Home",          id: "#home"},
+          name: "Home",          id: "/"},
         {
-          name: "Services",          id: "#services"},
+          name: "Services",          id: "/#services"},
         {
-          name: "Solutions",          id: "#solutions"},
+          name: "Case Studies",          id: "/#case-studies"},
         {
-          name: "Case Studies",          id: "#case-studies"},
+          name: "Testimonials",          id: "/#testimonials"},
         {
-          name: "Testimonials",          id: "#testimonials"},
+          name: "Pricing",          id: "/pricing"},
         {
-          name: "Contact",          id: "#contact"},
+          name: "Team",          id: "/team"},
+        {
+          name: "Portfolio",          id: "/portfolio"},
+        {
+          name: "Blog",          id: "/blog"},
+        {
+          name: "Contact",          id: "/#contact"},
       ]}
       brandName="Echo AI"
       button={{
-        text: "Book a Call",        href: "#contact"}}
+        text: "Book a Call",        href: "/#contact"}}
       animateOnLoad={true}
     />
   </div>
@@ -60,15 +66,15 @@ export default function LandingPage() {
       tag="Innovate. Automate. Elevate."
       buttons={[
         {
-          text: "Explore Services",          href: "#services"},
+          text: "Explore Services",          href: "/#services"},
         {
-          text: "Book a Consultation",          href: "#contact"},
+          text: "Book a Consultation",          href: "/#contact"},
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-control-panel_23-2151957130.jpg",          imageAlt: "AI dashboard interface"},
+          imageSrc: "https://images.unsplash.com/photo-1596526131083-e8c75911d1f5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80",          imageAlt: "Person working on an analytics dashboard"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-circuit-board_23-2151977501.jpg",          imageAlt: "AI chatbot interface"}
+          imageSrc: "https://images.unsplash.com/photo-1550547660-d9d305d234d7?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80",          imageAlt: "Hand interacting with a holographic screen"}
       ]}
       mediaAnimation="blur-reveal"
       rating={5}
@@ -84,7 +90,7 @@ export default function LandingPage() {
         "At Echo AI, we harness the power of artificial intelligence to drive unprecedented growth and operational efficiency for businesses worldwide. Our team of AI specialists, developers, and strategists work hand-in-hand with clients to craft bespoke solutions that solve complex challenges.",        "We believe in a future where AI empowers human potential, automating routine tasks to free up valuable time for innovation and strategic thinking. From AI receptionists to custom growth systems, we build the digital infrastructure for tomorrow's leading enterprises."]}
       buttons={[
         {
-          text: "Learn More",          href: "#"},
+          text: "Learn More",          href: "/#about"},
       ]}
     />
   </div>
@@ -97,51 +103,22 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "AI Receptionists",          description: "24/7 intelligent virtual assistants handling inquiries, scheduling, and customer support with human-like precision.",          imageSrc: "http://img.b2bpic.net/free-photo/digital-art-ai-technology-background_23-2151719575.jpg",          imageAlt: "AI Receptionist Illustration"},
+          title: "AI Receptionists",          description: "24/7 intelligent virtual assistants handling inquiries, scheduling, and customer support with human-like precision.",          imageSrc: "https://images.unsplash.com/photo-1589386417688-ce92476ad06b?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80&_wi=1",          imageAlt: "Professional call center agent with headset"},
         {
-          title: "Business Automations",          description: "Streamline repetitive tasks, optimize workflows, and reduce operational costs with custom AI-driven automation systems.",          imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-technician-monitors-system-performance-tablet-closeup_482257-118082.jpg",          imageAlt: "Automation Flow Illustration"},
+          title: "Business Automations",          description: "Streamline repetitive tasks, optimize workflows, and reduce operational costs with custom AI-driven automation systems.",          imageSrc: "https://images.unsplash.com/photo-1610484826978-0136d223c6f9?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80",          imageAlt: "Industrial automation robotics"},
         {
-          title: "Web Development",          description: "Crafting bespoke, high-performance websites with integrated AI capabilities for unparalleled user experiences and scalability.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-binary-script-running-pc-monitors_482257-123753.jpg",          imageAlt: "Web Development Interface"},
+          title: "Web Development",          description: "Crafting bespoke, high-performance websites with integrated AI capabilities for unparalleled user experiences and scalability.",          imageSrc: "https://images.unsplash.com/photo-1542831371-d243a0e66c9f?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80",          imageAlt: "Multiple screens displaying code"},
         {
-          title: "App Development",          description: "Building intuitive, robust mobile and web applications infused with AI for smart functionality and superior engagement.",          imageSrc: "http://img.b2bpic.net/free-photo/man-doing-software-quality-assurance-using-tablet-reading-source-code_482257-82926.jpg",          imageAlt: "App Development Interface"},
+          title: "App Development",          description: "Building intuitive, robust mobile and web applications infused with AI for smart functionality and superior engagement.",          imageSrc: "https://images.unsplash.com/photo-1629904853716-9b93010b980d?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80",          imageAlt: "Mobile app UI/UX design"},
         {
-          title: "Growth Systems",          description: "Implementing intelligent systems to analyze market trends, predict customer behavior, and drive sustainable business growth.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-window-covered-with-business-charts-working-tablet_1098-20217.jpg",          imageAlt: "Growth System Illustration"},
+          title: "Growth Systems",          description: "Implementing intelligent systems to analyze market trends, predict customer behavior, and drive sustainable business growth.",          imageSrc: "https://images.unsplash.com/photo-1544377193-33dcf4d686f7?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80",          imageAlt: "Business professionals discussing growth charts"},
       ]}
       title="Our Core AI Services"
       description="Echo AI provides end-to-end solutions designed to integrate seamlessly into your business, enhancing every aspect of your operations."
     />
   </div>
 
-  <div id="solutions" data-section="solutions">
-      <ProductCardTwo
-      textboxLayout="default"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "1",          brand: "Echo AI",          name: "Custom AI Solutions",          price: "Tailored Quote",          rating: 5,
-          reviewCount: "20+ Projects",          imageSrc: "http://img.b2bpic.net/free-photo/remote-employee-works-with-ai-deep-learning-neural-networks-desktop-pc_482257-124989.jpg",          imageAlt: "Custom AI Brain"},
-        {
-          id: "2",          brand: "Echo AI",          name: "AI Integration Frameworks",          price: "Custom Pricing",          rating: 5,
-          reviewCount: "15+ Integrations",          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-illustration-blue-screen-smart-phone-with-ai-chip-isolated-white-background_181624-56646.jpg",          imageAlt: "AI System Integration"},
-        {
-          id: "3",          brand: "Echo AI",          name: "Data Intelligence Platforms",          price: "Managed Service",          rating: 5,
-          reviewCount: "10+ Implementations",          imageSrc: "http://img.b2bpic.net/free-photo/ai-cloud-concept-with-robot-head_23-2149739750.jpg",          imageAlt: "Data Intelligence Platform"},
-        {
-          id: "4",          brand: "Echo AI",          name: "AI Security & Compliance",          price: "Enterprise Tier",          rating: 5,
-          reviewCount: "8+ Audits",          imageSrc: "http://img.b2bpic.net/free-photo/overworked-man-wheelchair-upset-by-error-warning-popup-while-looking-server-hub-ai-analytics_482257-132312.jpg",          imageAlt: "AI Security Shield"},
-        {
-          id: "5",          brand: "Echo AI",          name: "Cognitive Automation Suite",          price: "Modular Pricing",          rating: 5,
-          reviewCount: "12+ Deployments",          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-robotic-hummingbird_23-2151443896.jpg",          imageAlt: "Cognitive Automation"},
-        {
-          id: "6",          brand: "Echo AI",          name: "AI Advisory & Strategy",          price: "Consultation",          rating: 5,
-          reviewCount: "25+ Sessions",          imageSrc: "http://img.b2bpic.net/free-photo/it-specialist-coding-tablet-programming-artificial-intelligence_482257-91097.jpg",          imageAlt: "AI Advisory"},
-      ]}
-      title="Our Advanced AI Solutions"
-      description="Explore specialized AI products and frameworks developed by Echo AI to elevate your enterprise capabilities."
-      animationType="blur-reveal"
-    />
-  </div>
+  
 
   <div id="case-studies" data-section="case-studies">
       <SocialProofOne
@@ -163,15 +140,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",          name: "Sarah Johnson",          handle: "@sarah_j",          testimonial: "Echo AI transformed our customer service with their intelligent AI receptionists. Our efficiency has skyrocketed, and customer satisfaction is at an all-time high!",          imageSrc: "http://img.b2bpic.net/free-photo/senior-man-looking-camera-smiling-sitting-workplace-desk_482257-5730.jpg",          imageAlt: "Sarah Johnson, CEO"},
+          id: "1",          name: "Sarah Johnson",          handle: "@sarah_j",          testimonial: "Echo AI transformed our customer service with their intelligent AI receptionists. Our efficiency has skyrocketed, and customer satisfaction is at an all-time high!",          imageSrc: "https://images.unsplash.com/photo-1589386417688-ce92476ad06b?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80&_wi=2",          imageAlt: "Sarah Johnson, CEO"},
         {
-          id: "2",          name: "Michael Chen",          handle: "@michael_c",          testimonial: "The business automations implemented by Echo AI have saved us countless hours and significantly reduced errors. Their expertise is unmatched.",          imageSrc: "http://img.b2bpic.net/free-photo/gamer-glasses-is-sitting-chair-while-pretty-girl-behide-his-back-is-smiling-camera_613910-21684.jpg",          imageAlt: "Michael Chen, CTO"},
+          id: "2",          name: "Michael Chen",          handle: "@michael_c",          testimonial: "The business automations implemented by Echo AI have saved us countless hours and significantly reduced errors. Their expertise is unmatched.",          imageSrc: "https://images.unsplash.com/photo-1549068106-b024baf5062d?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80",          imageAlt: "Michael Chen, CTO"},
         {
-          id: "3",          name: "Emily Rodriguez",          handle: "@emily_r",          testimonial: "Our new AI-powered website is a game-changer. Echo AI delivered a stunning design and seamless functionality that truly stands out.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-pink-notepad-with-staples-pen-magnifier-success-note-gray-background-copybook-school-color-college-student-business-work-job_179666-18254.jpg",          imageAlt: "Emily Rodriguez, Marketing Director"},
+          id: "3",          name: "Emily Rodriguez",          handle: "@emily_r",          testimonial: "Our new AI-powered website is a game-changer. Echo AI delivered a stunning design and seamless functionality that truly stands out.",          imageSrc: "https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80",          imageAlt: "Emily Rodriguez, Marketing Director"},
         {
-          id: "4",          name: "David Kim",          handle: "@david_k",          testimonial: "From concept to launch, Echo AI's app development team was phenomenal. The AI features they integrated are incredibly smart and user-friendly.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",          imageAlt: "David Kim, Product Manager"},
+          id: "4",          name: "David Kim",          handle: "@david_k",          testimonial: "From concept to launch, Echo AI's app development team was phenomenal. The AI features they integrated are incredibly smart and user-friendly.",          imageSrc: "https://images.unsplash.com/photo-1507003211169-e69fe25477eb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80",          imageAlt: "David Kim, Product Manager"},
         {
-          id: "5",          name: "Jessica Lee",          handle: "@jessica_l",          testimonial: "Their growth systems provided invaluable insights, allowing us to pivot strategically and achieve exponential market growth. Highly recommend Echo AI!",          imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285285.jpg",          imageAlt: "Jessica Lee, Founder"},
+          id: "5",          name: "Jessica Lee",          handle: "@jessica_l",          testimonial: "Their growth systems provided invaluable insights, allowing us to pivot strategically and achieve exponential market growth. Highly recommend Echo AI!",          imageSrc: "https://images.unsplash.com/photo-1560250097-0b75932c6ab2?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80",          imageAlt: "Jessica Lee, Founder"},
       ]}
       title="What Our Clients Say"
       description="Hear directly from the leaders who have transformed their operations and achieved new heights with Echo AI's partnership."
@@ -186,18 +163,18 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "1",          title: "What types of businesses can benefit from Echo AI?",          content: "Echo AI caters to businesses of all sizes and industries looking to enhance efficiency, automate processes, and drive growth through advanced AI solutions. From startups to large enterprises, our services are scalable and customizable."},
+          id: "1",          title: "Who can benefit from Echo AI's services?",          content: "Echo AI partners with a diverse range of organizations, from innovative startups to established enterprises, across various industries. Our scalable AI solutions are designed to enhance efficiency, drive automation, and unlock new growth opportunities for any business ready to embrace intelligent transformation."},
         {
-          id: "2",          title: "How long does AI implementation take?",          content: "The timeline for AI implementation varies depending on the complexity and scope of the project. We work closely with our clients to establish realistic timelines and deliver solutions efficiently, often with phased rollouts."},
+          id: "2",          title: "What is the typical timeline for AI implementation?",          content: "The duration of AI implementation varies based on project complexity and scope. We collaborate closely with clients to define clear milestones and ensure efficient delivery, often employing agile methodologies for phased rollouts that integrate smoothly with existing operations."},
         {
-          id: "3",          title: "Is my data secure with Echo AI solutions?",          content: "Absolutely. Data security and privacy are paramount at Echo AI. We adhere to industry best practices and employ robust encryption and compliance protocols to ensure your data is always protected."},
+          id: "3",          title: "How does Echo AI ensure data security and privacy?",          content: "Data security and client privacy are fundamental to Echo AI. We implement robust, industry-leading encryption protocols and comply with global data protection regulations to safeguard all sensitive information. Our systems are designed with security at their core, ensuring your data remains protected at every stage."}
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/smiling-call-center-onboarding-specialist-training-new-agent-helpful-ai-tools_482257-125843.jpg"
-      imageAlt="Person interacting with AI question mark"
+      imageSrc="https://images.unsplash.com/photo-1563986768605-e414c62e534f?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80"
+      imageAlt="Person looking at a question mark icon"
       mediaAnimation="blur-reveal"
       mediaPosition="left"
-      title="Frequently Asked Questions"
-      description="Find answers to common questions about Echo AI's services and how we can help transform your business with intelligent solutions."
+      title="Common Questions About Echo AI"
+      description="Explore typical inquiries regarding our AI solutions and how we tailor them to your business needs."
       faqsAnimation="slide-up"
       showCard={true}
     />
@@ -223,27 +200,35 @@ export default function LandingPage() {
         {
           title: "Services",          items: [
             {
-              label: "AI Receptionists",              href: "#services"},
+              label: "AI Receptionists",              href: "/#services"},
             {
-              label: "Automations",              href: "#services"},
+              label: "Automations",              href: "/#services"},
             {
-              label: "Web Development",              href: "#services"},
+              label: "Web Development",              href: "/#services"},
             {
-              label: "App Development",              href: "#services"},
+              label: "App Development",              href: "/#services"},
             {
-              label: "Growth Systems",              href: "#services"},
+              label: "Growth Systems",              href: "/#services"},
           ],
         },
         {
           title: "Company",          items: [
             {
-              label: "About Us",              href: "#about"},
+              label: "About Us",              href: "/#about"},
             {
-              label: "Case Studies",              href: "#case-studies"},
+              label: "Case Studies",              href: "/#case-studies"},
             {
-              label: "Testimonials",              href: "#testimonials"},
+              label: "Testimonials",              href: "/#testimonials"},
             {
-              label: "Contact",              href: "#contact"},
+              label: "Pricing",              href: "/pricing"},
+            {
+              label: "Team",              href: "/team"},
+            {
+              label: "Portfolio",              href: "/portfolio"},
+            {
+              label: "Blog",              href: "/blog"},
+            {
+              label: "Contact",              href: "/#contact"},
           ],
         },
         {

src/app/portfolio/page.tsx

@@ -0,0 +1,64 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import BlogCardThree from '@/components/sections/blog/BlogCardThree';
+
+export default function PortfolioPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-bubble"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="rounded"
+        contentWidth="mediumSmall"
+        sizing="mediumLarge"
+        background="fluid"
+        cardStyle="soft-shadow"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="layered"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Services", id: "/#services" },
+              { name: "Case Studies", id: "/#case-studies" },
+              { name: "Testimonials", id: "/#testimonials" },
+              { name: "Pricing", id: "/pricing" },
+              { name: "Team", id: "/team" },
+              { name: "Portfolio", id: "/portfolio" },
+              { name: "Blog", id: "/blog" },
+              { name: "Contact", id: "/#contact" },
+            ]}
+            brandName="Echo AI"
+            button={{ text: "Book a Call", href: "/#contact" }}
+            animateOnLoad={true}
+          />
+        </div>
+
+        <div id="portfolio-content" data-section="portfolio-content">
+          <BlogCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Our Work: Driving Innovation with AI"
+            description="Explore a selection of our successful AI projects and solutions that have transformed businesses across various industries."
+            blogs={[
+              {
+                id: "1",                category: "AI Automation",                title: "Automating Customer Support for a Global E-commerce Giant",                excerpt: "Developed an AI-powered chatbot and automation system reducing response times by 70% and improving customer satisfaction.",                imageSrc: "https://images.unsplash.com/photo-1556740738-b6107027d530?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80",                imageAlt: "AI chatbot interface",                authorName: "Echo AI Team",                authorAvatar: "https://images.unsplash.com/photo-1531545514256-d186e80b6564?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80",                date: "March 15, 2024"},
+              {
+                id: "2",                category: "Web & App Dev",                title: "Intelligent Inventory Management System for Retail Chain",                excerpt: "Designed and implemented a predictive AI system for inventory optimization, leading to a 20% reduction in waste.",                imageSrc: "https://images.unsplash.com/photo-1589386417688-ce92476ad06b?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80",                imageAlt: "Inventory management dashboard",                authorName: "Echo AI Team",                authorAvatar: "https://images.unsplash.com/photo-1531545514256-d186e80b6564?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80",                date: "February 28, 2024"},
+              {
+                id: "3",                category: "Growth Systems",                title: "Personalized Marketing Engine for a SaaS Startup",                excerpt: "Developed a custom AI-driven marketing platform that increased user engagement and conversion rates by 35%.",                imageSrc: "https://images.unsplash.com/photo-1542744173-8e7e53415bb0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80",                imageAlt: "Marketing strategy meeting",                authorName: "Echo AI Team",                authorAvatar: "https://images.unsplash.com/photo-1531545514256-d186e80b6564?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80",                date: "January 20, 2024"},
+              {
+                id: "4",                category: "AI Receptionists",                title: "Revolutionizing Patient Intake for Healthcare Providers",                excerpt: "Implemented an AI receptionist system that handles appointments, pre-screening, and FAQs, improving patient experience.",                imageSrc: "https://images.unsplash.com/photo-1551076805-e186753760b2?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80",                imageAlt: "Doctor consulting with patient",                authorName: "Echo AI Team",                authorAvatar: "https://images.unsplash.com/photo-1531545514256-d186e80b6564?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80",                date: "December 5, 2023"},
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/styles/variables.css

@@ -13,12 +13,12 @@
   --background: #000000;
   --card: #0c0c0c;
   --foreground: #ffffff;
-  --primary-cta: #106EFB;
-  --primary-cta-text: #ffffff;
+  --primary-cta: #cee7ff;
+  --primary-cta-text: #000000;
   --secondary-cta: #000000;
   --secondary-cta-text: #ffffff;
   --accent: #535353;
-  --background-accent: #106EFB;
+  --background-accent: #CEE7FF;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

src/app/team/page.tsx

@@ -0,0 +1,67 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import TeamCardSix from '@/components/sections/team/TeamCardSix';
+
+export default function TeamPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-bubble"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="rounded"
+        contentWidth="mediumSmall"
+        sizing="mediumLarge"
+        background="fluid"
+        cardStyle="soft-shadow"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="layered"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Services", id: "/#services" },
+              { name: "Case Studies", id: "/#case-studies" },
+              { name: "Testimonials", id: "/#testimonials" },
+              { name: "Pricing", id: "/pricing" },
+              { name: "Team", id: "/team" },
+              { name: "Portfolio", id: "/portfolio" },
+              { name: "Blog", id: "/blog" },
+              { name: "Contact", id: "/#contact" },
+            ]}
+            brandName="Echo AI"
+            button={{ text: "Book a Call", href: "/#contact" }}
+            animateOnLoad={true}
+          />
+        </div>
+
+        <div id="team-content" data-section="team-content">
+          <TeamCardSix
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            title="Meet the Visionaries Behind Echo AI"
+            description="Our dedicated team of AI specialists, developers, and strategists are committed to delivering innovative solutions and exceptional results."
+            members={[
+              {
+                id: "1",                name: "Dr. Elena Petrova",                role: "Chief AI Scientist",                imageSrc: "https://images.unsplash.com/photo-1603415526960-c4e9d3635706?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80",                imageAlt: "Dr. Elena Petrova"},
+              {
+                id: "2",                name: "Markus Schmidt",                role: "Lead Solutions Architect",                imageSrc: "https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80",                imageAlt: "Markus Schmidt"},
+              {
+                id: "3",                name: "Sophia Lee",                role: "Head of Product Development",                imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29329?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80",                imageAlt: "Sophia Lee"},
+              {
+                id: "4",                name: "David Thompson",                role: "Senior AI Engineer",                imageSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80",                imageAlt: "David Thompson"},
+              {
+                id: "5",                name: "Anna Kova",                role: "Marketing & Growth Specialist",                imageSrc: "https://images.unsplash.com/photo-1544005313-94ddf0286df2?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80",                imageAlt: "Anna Kova"},
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}