bender/7a6bf871-9b4d-46f5-ad20-369fea506c24
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_4 into main #6

Merged
bender merged 4 commits from version_4 into main 2026-06-07 20:45:33 +00:00
Conversation 0 Commits 4 Files Changed 4 +169 -22
4 changed files with 169 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
src/app/page.tsx
View File

@@ -32,19 +32,27 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home", id: "#home"},
name: "Home", id: "/"},
{
name: "Services", id: "#services"},
name: "Services", id: "/#services"},
{
name: "Case Studies", id: "#case-studies"},
name: "Case Studies", id: "/#case-studies"},
{
name: "Testimonials", id: "#testimonials"},
name: "Testimonials", id: "/#testimonials"},
{
name: "Contact", id: "#contact"},
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"}}
text: "Book a Call", href: "/#contact"}}
animateOnLoad={true}
/>
</div>
@@ -58,9 +66,9 @@ 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={[
{
@@ -82,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>
@@ -159,7 +167,7 @@ export default function LandingPage() {
{
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: "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."}]}
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="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"
@@ -191,27 +199,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"},
],
},
{
@@ -230,4 +246,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

64
src/app/portfolio/page.tsx Normal file
View File

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

4
src/app/styles/variables.css
View File

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

67
src/app/team/page.tsx Normal file
View File

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