diff --git a/AGENTS.md b/AGENTS.md index 9ddb5ac..61ecca8 100644 --- a/AGENTS.md +++ b/AGENTS.md @@ -1,7 +1,9 @@ + # This is NOT the Next.js you know This version has breaking changes — APIs, conventions, and file structure may all differ from your training data. Read the relevant guide in `node_modules/next/dist/docs/` before writing any code. Heed deprecation notices. + # Code Maintainability Rules @@ -40,14 +42,14 @@ Do NOT hardcode the same values across multiple sections. Create shared design tokens for: -* Colors -* Typography -* Border Radius -* Shadows -* Container Widths -* Section Spacing -* Button Styles -* Animation Presets +- Colors +- Typography +- Border Radius +- Shadows +- Container Widths +- Section Spacing +- Button Styles +- Animation Presets ## Color System @@ -55,12 +57,12 @@ All colors must come from a shared theme file. Examples: -* Primary -* Secondary -* Accent -* Background -* Surface -* Border +- Primary +- Secondary +- Accent +- Background +- Surface +- Border Do not repeat hex values throughout the project. @@ -72,11 +74,11 @@ Create shared typography styles. Examples: -* Hero Title -* Section Title -* Card Title -* Body Text -* Small Text +- Hero Title +- Section Title +- Card Title +- Body Text +- Small Text Do not redefine font sizes in every section. @@ -86,12 +88,12 @@ Changing typography tokens should update all matching sections. If multiple sections use the same UI pattern: -* Card -* Button -* Badge -* Section Header -* CTA Block -* Statistic Counter +- Card +- Button +- Badge +- Section Header +- CTA Block +- Statistic Counter Create one reusable component. @@ -105,9 +107,9 @@ Create common section spacing tokens. Examples: -* sectionPaddingY -* sectionPaddingX -* containerWidth +- sectionPaddingY +- sectionPaddingX +- containerWidth All sections must use the same spacing system. @@ -119,9 +121,9 @@ All major sections must use the same container. Examples: -* Container -* PageContainer -* SectionContainer +- Container +- PageContainer +- SectionContainer Do not create unique widths for every section. @@ -131,10 +133,10 @@ Create reusable animation presets. Examples: -* fadeUp -* staggerChildren -* scaleIn -* slideIn +- fadeUp +- staggerChildren +- scaleIn +- slideIn Do not redefine animations in every component. @@ -144,9 +146,9 @@ Common image styles should be reusable. Examples: -* cardImage -* heroImage -* avatarImage +- cardImage +- heroImage +- avatarImage Avoid repeating image styling logic. @@ -156,9 +158,9 @@ If the same pattern exists in multiple sections, do not update only one section. Examples: -* Hero Title -* About Title -* Feature Title +- Hero Title +- About Title +- Feature Title Update the shared source. @@ -170,10 +172,10 @@ Top, Bottom, Left, and Right spacing must follow the same design system. Avoid random values such as: -* 72px -* 94px -* 113px -* 147px +- 72px +- 94px +- 113px +- 147px Use predefined spacing tokens only. @@ -183,16 +185,16 @@ The entire site should feel visually consistent. ## Mission -Recreate the Aiero Home 9 experience with maximum visual fidelity while keeping the codebase maintainable and production-ready. +Recreate the tenext Home 9 experience with maximum visual fidelity while keeping the codebase maintainable and production-ready. ## Agent Behavior Before making changes: -* Analyze existing component -* Compare against reference -* Identify exact mismatch -* Apply minimal fix +- Analyze existing component +- Compare against reference +- Identify exact mismatch +- Apply minimal fix Do not perform large rewrites unless explicitly requested. @@ -210,36 +212,36 @@ Do not perform large rewrites unless explicitly requested. Verify: -* Hero height -* Hero width -* Artwork scale -* Artwork position -* Heading width -* Heading line breaks -* CTA placement -* Scroll indicator position -* Navbar alignment +- Hero height +- Hero width +- Artwork scale +- Artwork position +- Heading width +- Heading line breaks +- CTA placement +- Scroll indicator position +- Navbar alignment ## Card Analysis Checklist Verify: -* Border radius -* Padding -* Image crop -* Text spacing -* Card proportions -* Responsive behavior +- Border radius +- Padding +- Image crop +- Text spacing +- Card proportions +- Responsive behavior ## Forbidden Actions Do NOT: -* Replace sections without approval -* Change color system globally -* Introduce new layouts -* Remove existing functionality -* Rewrite working components +- Replace sections without approval +- Change color system globally +- Introduce new layouts +- Remove existing functionality +- Rewrite working components ## Preferred Workflow @@ -266,10 +268,10 @@ Target: Every change should improve: -* Layout -* Alignment -* Proportions -* Visual balance +- Layout +- Alignment +- Proportions +- Visual balance Avoid subjective redesign decisions. @@ -277,13 +279,13 @@ Reference fidelity is more important than personal preference. ## Code Quality Rules -* TypeScript strict -* Reusable components -* Clean props -* No duplicated code -* No inline magic values -* Use Tailwind consistently +- TypeScript strict +- Reusable components +- Clean props +- No duplicated code +- No inline magic values +- Use Tailwind consistently ## Final Goal -Build a production-quality Next.js implementation that visually matches Aiero Home 9 as closely as possible while maintaining clean architecture and long-term maintainability. +Build a production-quality Next.js implementation that visually matches tenext Home 9 as closely as possible while maintaining clean architecture and long-term maintainability. diff --git a/CLAUDE.md b/CLAUDE.md index 7c5fe9c..80a2b56 100644 --- a/CLAUDE.md +++ b/CLAUDE.md @@ -1,9 +1,10 @@ @AGENTS.md + # CLAUDE.md ## Project Overview -This project is a high-fidelity recreation of the Aiero Home 9 landing page using Next.js App Router, TypeScript, Tailwind CSS, and Framer Motion. +This project is a high-fidelity recreation of the tenext Home 9 landing page using Next.js App Router, TypeScript, Tailwind CSS, and Framer Motion. The goal is NOT to redesign the page. @@ -23,15 +24,15 @@ Common design decisions must come from shared sources, not repeated one-off valu Centralize: -* Colors -* Typography -* Border radius -* Shadows -* Container widths -* Section spacing -* Button styles -* Animation presets -* Image styles +- Colors +- Typography +- Border radius +- Shadows +- Container widths +- Section spacing +- Button styles +- Animation presets +- Image styles Use reusable components for repeated patterns such as cards, buttons, badges, section headers, CTA blocks, and statistic counters. @@ -43,20 +44,20 @@ When the same pattern appears in multiple sections, update the shared token, com The homepage is: -* Editorial -* Card-driven -* Visual-first -* Premium AI agency -* Image-heavy -* Modern but minimal +- Editorial +- Card-driven +- Visual-first +- Premium AI agency +- Image-heavy +- Modern but minimal Avoid: -* Generic SaaS layouts -* Dashboard-first designs -* Startup template aesthetics -* Excessive gradients -* Excessive glassmorphism +- Generic SaaS layouts +- Dashboard-first designs +- Startup template aesthetics +- Excessive gradients +- Excessive glassmorphism ## Hero Section Requirements @@ -64,11 +65,11 @@ Hero is the most important section. Must maintain: -* Large background artwork -* Left aligned content -* Vertical Scroll Down element -* Large heading -* Compact CTA +- Large background artwork +- Left aligned content +- Vertical Scroll Down element +- Large heading +- Compact CTA Hero artwork should dominate visual composition. @@ -81,30 +82,30 @@ Target ratio: Cards should: -* Use large border radii -* Have consistent spacing -* Maintain editorial proportions -* Feel like magazine blocks +- Use large border radii +- Have consistent spacing +- Maintain editorial proportions +- Feel like magazine blocks Do not: -* Make all cards equal height -* Convert cards into dashboard widgets -* Add unnecessary statistics +- Make all cards equal height +- Convert cards into dashboard widgets +- Add unnecessary statistics ## Typography Rules Headings: -* Strong -* Bold -* Editorial +- Strong +- Bold +- Editorial Body text: -* Simple -* Readable -* Secondary +- Simple +- Readable +- Secondary Avoid oversized line lengths. @@ -114,16 +115,16 @@ Use subtle animations only. Allowed: -* Fade up -* Hover lift -* Opacity transitions -* Small parallax +- Fade up +- Hover lift +- Opacity transitions +- Small parallax Avoid: -* Excessive motion -* Heavy GSAP timelines -* Distracting effects +- Excessive motion +- Heavy GSAP timelines +- Distracting effects ## Responsive Rules diff --git a/app/about/page.tsx b/app/about/page.tsx index 273b22e..a3595f6 100644 --- a/app/about/page.tsx +++ b/app/about/page.tsx @@ -8,15 +8,18 @@ import { PartnerLogosSection } from "@/components/shared/PartnerLogosSection"; import { TeamSection } from "@/components/aiero/about/TeamSection"; export const metadata = { - title: "About us - Aiero", + title: "About us - tenext", }; export default function AboutPage() { return ( <> -
- +
+ diff --git a/app/contacts/page.tsx b/app/contacts/page.tsx index d4b56d4..2538ac8 100644 --- a/app/contacts/page.tsx +++ b/app/contacts/page.tsx @@ -4,15 +4,18 @@ import { ContactFormSection } from "@/components/shared/ContactFormSection"; import { MapSection } from "@/components/aiero/contacts/MapSection"; export const metadata = { - title: "Contacts - Aiero", + title: "Contacts - tenext", }; export default function ContactsPage() { return ( <> -
- +
+
diff --git a/app/globals.css b/app/globals.css index aea1a7b..7b64d28 100644 --- a/app/globals.css +++ b/app/globals.css @@ -1,21 +1,22 @@ @import "tailwindcss"; :root { - /* ── Aiero color tokens (extracted from source) ── */ - --aiero-bg-dark: #1F1F1F; - --aiero-bg-card-dark: #282828; - --aiero-bg-card-border: #3F3F3F; - --aiero-accent-teal: #45D0BD; - --aiero-accent-blue: #44B6E9; - --aiero-accent-red: #EF6464; - --aiero-accent-red-hover: #F57E7E; - --aiero-purple-start: #8258C8; - --aiero-purple-mid: #6766C8; - --aiero-purple-end: #2C84C8; - --aiero-card-purple: #343F78; - --aiero-card-purple-2: #56619E; - --aiero-card-lavender: #AC8DE0; - --aiero-text-muted: #87899B; + /* ── tenext color tokens (extracted from source) ── */ + --tenext-bg-dark: #1f1f1f; + --tenext-bg-card-dark: #282828; + --tenext-bg-card-border: #3f3f3f; + --tenext-accent-teal: #45d0bd; + --tenext-accent-blue: #44b6e9; + --tenext-accent-red: #ef6464; + --tenext-accent-red-hover: #f57e7e; + --tenext-purple-start: #8258c8; + --tenext-purple-mid: #6766c8; + --tenext-purple-end: #2c84c8; + --tenext-card-purple: #343f78; + --tenext-card-purple-2: #56619e; + --tenext-card-lavender: #ac8de0; + --tenext-text-muted: #87899b; + --tenext-surface-muted: #ecf0f4; /* button gradient angles */ --button-border-gradient-angle: 92deg; @@ -25,21 +26,22 @@ @theme inline { --color-background: #ffffff; - --color-foreground: #1F1F1F; - --color-aiero-dark: #1F1F1F; - --color-aiero-card-dark: #282828; - --color-aiero-card-border: #3F3F3F; - --color-aiero-teal: #45D0BD; - --color-aiero-blue: #44B6E9; - --color-aiero-red: #EF6464; - --color-aiero-red-hover: #F57E7E; - --color-aiero-purple-start: #8258C8; - --color-aiero-purple-mid: #6766C8; - --color-aiero-purple-end: #2C84C8; - --color-aiero-card-purple: #343F78; - --color-aiero-card-purple-2: #56619E; - --color-aiero-card-lavender: #AC8DE0; - --color-aiero-text-muted: #87899B; + --color-foreground: #1f1f1f; + --color-tenext-dark: #1f1f1f; + --color-tenext-card-dark: #282828; + --color-tenext-card-border: #3f3f3f; + --color-tenext-teal: #45d0bd; + --color-tenext-blue: #44b6e9; + --color-tenext-red: #ef6464; + --color-tenext-red-hover: #f57e7e; + --color-tenext-purple-start: #8258c8; + --color-tenext-purple-mid: #6766c8; + --color-tenext-purple-end: #2c84c8; + --color-tenext-card-purple: #343f78; + --color-tenext-card-purple-2: #56619e; + --color-tenext-card-lavender: #ac8de0; + --color-tenext-text-muted: #87899b; + --color-tenext-surface-muted: #ecf0f4; --font-sans: var(--font-manrope), ui-sans-serif, system-ui, sans-serif; --font-sora: var(--font-sora), sans-serif; @@ -62,7 +64,7 @@ body { min-height: 100vh; overflow-x: hidden; background: #ffffff; - color: #1F1F1F; + color: #1f1f1f; font-family: var(--font-manrope), ui-sans-serif, system-ui, sans-serif; font-size: 16px; line-height: 1.6; @@ -73,8 +75,8 @@ button { -webkit-tap-highlight-color: transparent; } -/* ── Aiero button base ── */ -.aiero-button { +/* ── tenext button base ── */ +.tenext-button { display: inline-flex; align-items: center; gap: 8px; @@ -87,7 +89,7 @@ button { white-space: nowrap; } -.aiero-button .button-inner { +.tenext-button .button-inner { position: absolute; inset: 0; border-radius: inherit; @@ -95,20 +97,20 @@ button { } /* Solid variant */ -.aiero-button-solid { +.tenext-button-solid { border-style: solid; border-width: 1px; } /* Gradient border variant */ -.aiero-button-gradient-border { +.tenext-button-gradient-border { background: transparent; border: none; position: relative; z-index: 0; } -.aiero-button-gradient-border::after { +.tenext-button-gradient-border::after { content: ""; position: absolute; inset: 0; @@ -116,17 +118,19 @@ button { padding: 1.5px; background: linear-gradient( var(--button-border-gradient-angle), - var(--aiero-accent-teal) var(--button-gradient-colorstop-1), - var(--aiero-accent-blue) var(--button-gradient-colorstop-2) + var(--tenext-accent-teal) var(--button-gradient-colorstop-1), + var(--tenext-accent-blue) var(--button-gradient-colorstop-2) ); - -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); + -webkit-mask: + linear-gradient(#fff 0 0) content-box, + linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; z-index: -1; } -.aiero-button-gradient-border .button-inner::before { +.tenext-button-gradient-border .button-inner::before { content: ""; position: absolute; inset: 0; @@ -135,40 +139,40 @@ button { transition: all 0.3s ease; } -.aiero-button-gradient-border .button-inner::after { +.tenext-button-gradient-border .button-inner::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient( var(--button-border-gradient-angle), - var(--aiero-accent-teal) var(--button-gradient-colorstop-1), - var(--aiero-accent-blue) var(--button-gradient-colorstop-2) + var(--tenext-accent-teal) var(--button-gradient-colorstop-1), + var(--tenext-accent-blue) var(--button-gradient-colorstop-2) ); opacity: 0; transition: opacity 0.3s ease; } -.aiero-button-gradient-border:hover .button-inner::after { +.tenext-button-gradient-border:hover .button-inner::after { opacity: 1; } -.aiero-button-gradient-border:hover { +.tenext-button-gradient-border:hover { color: #333333; } /* Gradient fill variant */ -.aiero-button-gradient-fill { +.tenext-button-gradient-fill { background: linear-gradient( var(--button-border-gradient-angle), - var(--aiero-accent-teal) var(--button-gradient-colorstop-1), - var(--aiero-accent-blue) var(--button-gradient-colorstop-2) + var(--tenext-accent-teal) var(--button-gradient-colorstop-1), + var(--tenext-accent-blue) var(--button-gradient-colorstop-2) ); border: none; color: #ffffff; } -.aiero-button-gradient-fill::after { +.tenext-button-gradient-fill::after { content: ""; position: absolute; inset: 0; @@ -176,10 +180,12 @@ button { padding: 1.5px; background: linear-gradient( var(--button-border-gradient-angle), - var(--aiero-accent-teal) var(--button-gradient-colorstop-1), - var(--aiero-accent-blue) var(--button-gradient-colorstop-2) + var(--tenext-accent-teal) var(--button-gradient-colorstop-1), + var(--tenext-accent-blue) var(--button-gradient-colorstop-2) ); - -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); + -webkit-mask: + linear-gradient(#fff 0 0) content-box, + linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; @@ -188,7 +194,7 @@ button { /* ── Gradient text ── */ .gradient-text-purple { - background: linear-gradient(103deg, #8258C8 0%, #2C84C8 100%); + background: linear-gradient(103deg, #8258c8 0%, #2c84c8 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; @@ -235,7 +241,7 @@ button { } } -/* ── Aiero heading animation ── */ +/* ── tenext heading animation ── */ @keyframes headingReveal { from { opacity: 0; @@ -277,14 +283,20 @@ button { @keyframes heroBgFloat { 0%, 100% { - transform: translate3d(var(--hero-parallax-x, 0), var(--hero-parallax-y, 0), 0) scale(1.02); + transform: translate3d( + var(--hero-parallax-x, 0), + var(--hero-parallax-y, 0), + 0 + ) + scale(1.02); } 50% { transform: translate3d( - calc(var(--hero-parallax-x, 0px) + 2px), - calc(var(--hero-parallax-y, 0px) - 3px), - 0 - ) scale(1.025); + calc(var(--hero-parallax-x, 0px) + 2px), + calc(var(--hero-parallax-y, 0px) - 3px), + 0 + ) + scale(1.025); } } @@ -320,7 +332,9 @@ button { .nav-link-swap > .text-active { display: inline-block; - transition: opacity 0.3s ease, transform 0.3s ease; + transition: + opacity 0.3s ease, + transform 0.3s ease; } .nav-link-swap > span:not(.text-active) { @@ -329,7 +343,9 @@ button { top: 14px; opacity: 0; transform: translateY(150%); - transition: opacity 0.3s ease, transform 0.3s ease; + transition: + opacity 0.3s ease, + transform 0.3s ease; } .nav-link-swap:hover > .text-active { @@ -386,16 +402,18 @@ button { transform: translateY(0); } -.aiero-card { +.tenext-card { transition: transform 0.32s ease, box-shadow 0.32s ease, border-color 0.32s ease; } -.aiero-card:hover { +.tenext-card:hover { transform: translateY(-4px); - box-shadow: 0 22px 55px rgba(31, 31, 31, 0.16), 0 0 0 1px rgba(69, 208, 189, 0.22); + box-shadow: + 0 22px 55px rgba(31, 31, 31, 0.16), + 0 0 0 1px rgba(69, 208, 189, 0.22); } /* ── Scroll down button decoration ── */ @@ -427,7 +445,7 @@ button { } /* ── Subheading tag ── */ -.aiero-subheading { +.tenext-subheading { display: inline-flex; align-items: center; gap: 10px; @@ -440,7 +458,7 @@ button { position: relative; } -.aiero-subheading::before { +.tenext-subheading::before { content: ""; width: 30px; height: 1px; diff --git a/app/layout.tsx b/app/layout.tsx index 0ee203c..a760f7e 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -22,9 +22,9 @@ const dmSans = DM_Sans({ }); export const metadata: Metadata = { - title: "Home 9 – Aiero", + title: "Home 9 – tenext", description: - "Revolutionizing businesses with cutting-edge AI solutions and groundbreaking innovation. Aiero – AI agency committed to transforming businesses.", + "Revolutionizing businesses with cutting-edge AI solutions and groundbreaking innovation. tenext – AI agency committed to transforming businesses.", }; export default function RootLayout({ diff --git a/app/page.tsx b/app/page.tsx index 319d717..2f63bce 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -30,7 +30,7 @@ export default function Home() { className="relative z-[15] mt-[40px] mb-[-90px] px-[20px] pb-[40px]" style={{ transform: "rotate(-2.07deg)" }} > -
+
diff --git a/app/services/page.tsx b/app/services/page.tsx index 0628ae9..4c0325c 100644 --- a/app/services/page.tsx +++ b/app/services/page.tsx @@ -10,15 +10,18 @@ import { TestimonialsSection } from "@/components/aiero/services/TestimonialsSec import { PricingSection } from "@/components/aiero/services/PricingSection"; export const metadata = { - title: "Services - Aiero", + title: "Services - tenext", }; export default function ServicesPage() { return ( <> -
- +
+ diff --git a/components/aiero/BenefitsGridSection.tsx b/components/aiero/BenefitsGridSection.tsx index 6bac71b..fdce520 100644 --- a/components/aiero/BenefitsGridSection.tsx +++ b/components/aiero/BenefitsGridSection.tsx @@ -4,47 +4,44 @@ export function BenefitsGridSection() { return (
-
- {/* Card 1 */} -
-

+
+

AI-Powered Marketing & Personalization

    -
  • - +
  • + Hyper-personalized recommendations
    • -
  • - +
  • + AI-driven ad targeting & optimization
{/* Card 2 */} -
-

+
+

Seamless AI integration for your business success

-

- Seamless integration with existing systems and platforms & Scalable and flexible architecture +

+ Seamless integration with existing systems and platforms & + Scalable and flexible architecture

{/* Card 3 (OpenAI Logo) */} -
- OpenAI Logo + OpenAI Logo
-

-

); diff --git a/components/aiero/BlogSection.tsx b/components/aiero/BlogSection.tsx index b807af6..609891c 100644 --- a/components/aiero/BlogSection.tsx +++ b/components/aiero/BlogSection.tsx @@ -5,21 +5,22 @@ import { SectionHeading } from "@/components/shared/SectionHeading"; const blogPosts = [ { title: "How to Build a Custom AI Model for Your Business", - image: "https://8ded8880.delivery.rocketcdn.me/themes/aiero/wp-content/uploads/2024/12/portrait-confident-man.jpg", // Placeholder + image: "/images/tenext/portrait-confident-man.jpg", category: "AI Technology", date: "March 15, 2025", link: "/blog/custom-ai-model", }, { title: "The Future of Machine Learning in Enterprise", - image: "https://8ded8880.delivery.rocketcdn.me/themes/aiero/wp-content/uploads/2025/02/Group-18301.jpg", // Placeholder + image: "/images/tenext/Group-18301.jpg", category: "Machine Learning", date: "April 2, 2025", link: "/blog/machine-learning-enterprise", }, { title: "Ethics in AI: What You Need to Know", - image: "https://8ded8880.delivery.rocketcdn.me/themes/aiero/wp-content/uploads/2024/12/3d-woman-shape-glowing-with-bright-holographic-colors-1-min.png", // Placeholder + image: + "/images/tenext/3d-woman-shape-glowing-with-bright-holographic-colors-1-min.png", category: "AI Ethics", date: "April 10, 2025", link: "/blog/ethics-in-ai", @@ -32,36 +33,39 @@ export function BlogSection() {
{blogPosts.map((post, index) => ( -
+
- {post.title} -
+
{post.category}
-
+
{post.date}
-

+

{post.title}

- Read more diff --git a/components/aiero/CardsGrid.tsx b/components/aiero/CardsGrid.tsx index 6fd3c1d..702ca4b 100644 --- a/components/aiero/CardsGrid.tsx +++ b/components/aiero/CardsGrid.tsx @@ -6,25 +6,25 @@ import { RevealOnView } from "@/components/shared/RevealOnView"; const socialIcons = [ { - src: "/images/aiero/messenger-logo-1.png", + src: "/images/tenext/messenger-logo-1.png", alt: "Messenger", width: 57, height: 59, }, { - src: "/images/aiero/skype-logo.png", + src: "/images/tenext/skype-logo.png", alt: "Skype", width: 56, height: 57, }, { - src: "/images/aiero/telegram-symbol-1.png", + src: "/images/tenext/telegram-symbol-1.png", alt: "Telegram", width: 59, height: 58, }, { - src: "/images/aiero/discord-1.png", + src: "/images/tenext/discord-1.png", alt: "Discord", width: 54, height: 54, @@ -35,136 +35,134 @@ export function CardsGrid() { return (
- {/* Card 1 */} -
- - -
- - Solutions - - - Plugins - -
- -
- + - -
- {socialIcons.map((icon) => ( - {icon.alt} - ))} + +
+ + Solutions + + + Plugins +
+ +
+ + +
+ {socialIcons.map((icon) => ( + {icon.alt} + ))} +
+
+ +
- - -
{/* Card 2 */} -
-
-
-
- -
-
- +
+
+
+
+ +
+
+ +
+ + + +

+ Explore our comprehensive AI solutions dashboard designed to + provide actionable business insights and drive innovation +

- - - -

- Explore our comprehensive AI solutions dashboard designed to - provide actionable business insights and drive innovation -

+ +
- - -
{/* Card 3 (spans 2 columns) */} -
); diff --git a/components/aiero/FeaturesSection.tsx b/components/aiero/FeaturesSection.tsx index c088240..4cc6f3e 100644 --- a/components/aiero/FeaturesSection.tsx +++ b/components/aiero/FeaturesSection.tsx @@ -7,9 +7,9 @@ export function FeaturesSection() {
{/* Top text and separator */}
-
+

- {/* Card 1 - Left */} -
+
- +
- +
    -
  • - +
  • + Advanced analytics processing
    • -
  • - +
  • + Real-time data synchronization
    • -
  • - +
  • + Secure API endpoints
- +
{/* Card 2 - Right */} -
-
- +
+
+
- - + +
- +
-

- Cobra opaleye gray reef shark bluntnose minnow. Triggerfish bango guppy opah sunfish bluntnose knifefish upside-down catfish. +

+ Cobra opaleye gray reef shark bluntnose minnow. Triggerfish + bango guppy opah sunfish bluntnose knifefish upside-down + catfish.

- +
{/* Card 3 - Bottom Full Width */} -
+
- +
- +
-
diff --git a/components/aiero/HeroSection.tsx b/components/aiero/HeroSection.tsx index 02def49..d7887c4 100644 --- a/components/aiero/HeroSection.tsx +++ b/components/aiero/HeroSection.tsx @@ -6,18 +6,18 @@ export function HeroSection() {
{/* Scroll Down button — vertical, left side */}
- +
{/* Hero container with background */}
- + {/* Hero content */}
@@ -37,7 +37,10 @@ export function HeroSection() {

{/* Subtitle */} -
+

Mummichog paradise fish! Triggerfish bango guppy opah sunfish bluntnose knifefish upside-down catfish cobia spookfish convict @@ -46,17 +49,26 @@ export function HeroSection() {

{/* CTA Button */} -
+
Discover - + diff --git a/components/aiero/HowItWorksSection.tsx b/components/aiero/HowItWorksSection.tsx index 8794e96..b90826b 100644 --- a/components/aiero/HowItWorksSection.tsx +++ b/components/aiero/HowItWorksSection.tsx @@ -6,22 +6,26 @@ export function HowItWorksSection() { { number: "01", title: "Neurons and Layers", - description: "A neural network consists of interconnected nodes called neurons. Neurons are organized into layers.", + description: + "A neural network consists of interconnected nodes called neurons. Neurons are organized into layers.", }, { number: "02", title: "Activation Function", - description: "Each neuron applies an activation function to the weighted sum of its inputs and produces an output", + description: + "Each neuron applies an activation function to the weighted sum of its inputs and produces an output", }, { number: "03", title: "Feedforward Process", - description: "The inputs are multiplied by their respective weights, summed up, and passed through the activation function.", + description: + "The inputs are multiplied by their respective weights, summed up, and passed through the activation function.", }, { number: "04", - title: "Activation Function", - description: "The inputs are multiplied by their respective weights, summed up, and passed through the activation function.", + title: "Backpropagation", + description: + "The inputs are multiplied by their respective weights, summed up, and passed through the activation function.", }, ]; @@ -30,30 +34,30 @@ export function HowItWorksSection() {
- -
-
+
{steps.map((step, index) => ( -
-
- {step.number} +
+
+ {step.number} + + {step.title} +
-
- {step.title} -
-

+

{step.description}

diff --git a/components/aiero/MarqueeStrip.tsx b/components/aiero/MarqueeStrip.tsx index d4049cd..f433771 100644 --- a/components/aiero/MarqueeStrip.tsx +++ b/components/aiero/MarqueeStrip.tsx @@ -3,20 +3,29 @@ interface MarqueeStripProps { className?: string; } -export function MarqueeStrip({ +export function MarqueeStrip({ text = "Artificial Intelligence", - className = "" + className = "", }: MarqueeStripProps) { const marqueeItems = Array.from({ length: 6 }); return ( -
+
{[0, 1].map((track) => (
{marqueeItems.map((_, i) => ( -
- +
+ {text} diff --git a/components/aiero/MetricsSection.tsx b/components/aiero/MetricsSection.tsx index 7390971..a0494d4 100644 --- a/components/aiero/MetricsSection.tsx +++ b/components/aiero/MetricsSection.tsx @@ -5,7 +5,6 @@ export function MetricsSection() {
- {/* Left Metric */}
-

+

Happy & satisfied customers

-

+

Achieved a 95% customer satisfaction rate across all AI solutions.

@@ -31,14 +30,14 @@ export function MetricsSection() { numberClassName="text-[60px] md:text-[80px] font-bold leading-none text-transparent gradient-text-purple font-[var(--font-sora)]" title="" /> -

- Earns with our Aiero product +

+ Earns with our tenext product

-

- Delivered over $150 billion in cost savings for clients through optimized AI solutions. +

+ Delivered over $150 billion in cost savings for clients through + optimized AI solutions.

-
diff --git a/components/aiero/Navbar.tsx b/components/aiero/Navbar.tsx index 7ef9fa2..79779e0 100644 --- a/components/aiero/Navbar.tsx +++ b/components/aiero/Navbar.tsx @@ -19,7 +19,7 @@ export function Navbar() { return (
{/* Logo */} - + Aiero {/* Navigation */} -