Goutam/Aaidea
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
Goutam
2026-04-30 20:22:49 +05:30
parent b710d5e6a1
commit 1fd65261b4
104 changed files with 5443 additions and 114 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/about/page.txt
View File
app/ai_powered/page.tsx
+190
View File
@@ -0,0 +1,190 @@
export default function AiPowered() {
return (
<>
<section className="ux-project-hero ux-project-heropad">
<div className="container">
{/* center content */}
<div className="ux-project-content text-center">
<h1 className="ux-project-title">
Intelligent Production. <br /> Built For Speed.
</h1>
<p className="ux-project-subtitle">
We integrate automation and AI workflows to reduce cost, <br />{" "}
increase output, and maintain precision.
</p>
</div>
<div className="ux-hero-actions">
<a href="#" className="btn ux-btn-primary">
Start a Project{" "}
<span className="ux-btn-icon">
<img src="assets/images/arrowbuttonwhite.svg" alt="" />
</span>
</a>
<a href="#" className="btn ux-btn-secondary">
View Case Studies
</a>
</div>
<div className="row align-items-center g-5 ux-growth-section">
{/* Left Content */}
<div className="col-lg-7">
<span className="ux-growth-label">Philosophy</span>
<h2 className="ux-growth-title">Manual Processes Slow Growth</h2>
<p className="ux-growth-subtitle">Teams waste time on:</p>
<div className="row">
<div className="col-md-6">
<ul className="ux-growth-list">
<li>Repetitive asset creation</li>
<li>Inefficient content workflows</li>
</ul>
</div>
<div className="col-md-6">
<ul className="ux-growth-list">
<li>Manual resizing and formatting</li>
<li>Fragmented production tools</li>
</ul>
</div>
</div>
<p className="ux-growth-bottom">Growth requires velocity.</p>
</div>
{/* Right Image */}
<div className="col-lg-5">
<div className="ux-growth-image-box">
<img
src="assets/images/Intelligent.png"
alt="Intelligent Production"
/>
</div>
</div>
</div>
</div>
</section>
<section className="ux-approach-section">
<div className="container">
<div className="row align-items-end mb-5">
<div className="col-lg-6">
<span className="ux-label">Our Approach</span>
<h2 className="ux-section-title">
We treat brand as infrastructure.
</h2>
</div>
<div className="col-lg-6 text-lg-end mt-4 mt-lg-0">
<p className="ux-section-desc">
We Build Intelligent Production Systems.
</p>
</div>
</div>
<div className="row g-4">
{/* Card 1 */}
<div className="col-lg-4 col-md-6">
<div className="ux-card">
<div className="ux-card-top">
<span className="ux-icon">
<img src="assets/images/Architecture.svg" alt="" />
</span>
<span className="ux-num">01</span>
</div>
<h4>Workflow Automation</h4>
<p>Connect tools to eliminate repetitive steps.</p>
</div>
</div>
{/* Card 2 */}
<div className="col-lg-4 col-md-6">
<div className="ux-card">
<div className="ux-card-top">
<span className="ux-icon">
<img src="assets/images/Built.svg" alt="" />
</span>
<span className="ux-num">02</span>
</div>
<h4>AI-Assisted Creation</h4>
<p>
Use intelligent generation where speed matters — without
compromising quality.
</p>
</div>
</div>
{/* Card 3 */}
<div className="col-lg-4 col-md-6">
<div className="ux-card">
<div className="ux-card-top">
<span className="ux-icon">
<img src="assets/images/Designed.svg" alt="" />
</span>
<span className="ux-num">03</span>
</div>
<h4>Scalable Asset Systems</h4>
<p>Templates and component libraries built for rapid deployment.</p>
</div>
</div>
</div>
</div>
</section>
<section className="ux-deliver-section">
<div className="container">
<h2 className="ux-deliver-title">What We Deliver</h2>
<div className="row g-5">
{/* Left List */}
<div className="col-lg-7">
<div className="ux-deliver-list active">
<span>01</span>
Production workflow audits
</div>
<div className="ux-deliver-list">
<span>02</span>
Automation setup
</div>
<div className="ux-deliver-list">
<span>03</span>
AI tool integration
</div>
<div className="ux-deliver-list">
<span>04</span>
Template systems
</div>
<div className="ux-deliver-list">
<span>05</span>
Asset libraries
</div>
<div className="ux-deliver-list">
<span>06</span>
SOP documentation
</div>
</div>
{/* Right Snapshot */}
<div className="col-lg-5">
<div className="ux-snapshot-box">
<small>CASE SNAPSHOT</small>
<hr />
<span className="ux-mini-title">CHALLENGE</span>
<h4>High production cost and turnaround time</h4>
<span className="ux-mini-title mt-4 d-block">OUTCOME</span>
<h2>60% faster</h2>
<p>Output with automation layer</p>
</div>
</div>
</div>
</div>
</section>
{/* TOP CTA */}
<div className="ux-footer-hero">
<div className="container">
<div className="ux-footer-hero-content text-center">
<p className="ux-section-label">AAideA</p>
<h2 className="ux-footer-title">
If the idea is strong, we'll scale it.
</h2>
<div className="ux-hero-actions">
<a href="#" className="btn ux-btn-primary">
Start a Project{" "}
<span className="ux-btn-icon">
<img src="assets/images/arrowbuttonwhite.svg" alt="" />
</span>
</a>
</div>
</div>
</div>
</div>
</>
);
}
app/api/submit/route.ts
+15
View File
@@ -0,0 +1,15 @@
import { NextResponse } from "next/server";
export async function POST(req: Request) {
try {
const body = await req.json();
console.log("FORM DATA:", body);
return NextResponse.json({ success: true });
} catch (error) {
console.error(error);
return NextResponse.json({ error: "Something went wrong" }, { status: 500 });
}
}
app/brand-architecture/page.tsx
+196
View File
@@ -0,0 +1,196 @@
export default function Brandarchiture() {
return (
<>
<section className="ux-project-hero ux-project-heropad">
<div className="container">
{/* center content */}
<div className="ux-project-content text-center">
<h1 className="ux-project-title">Brands Built As Systems</h1>
<p className="ux-project-subtitle">
We don't just design logos. We design structured identity ecosystems
that scale across channels.
</p>
</div>
<div className="ux-hero-actions">
<a href="#" className="btn ux-btn-primary">
Start a Project{" "}
<span className="ux-btn-icon">
<img src="assets/images/arrowbuttonwhite.svg" alt="" />
</span>
</a>
<a href="#" className="btn ux-btn-secondary">
View Case Studies
</a>
</div>
<div className="row align-items-center g-5 ux-growth-section">
{/* Left Content */}
<div className="col-lg-7">
<span className="ux-growth-label">Philosophy</span>
<h2 className="ux-growth-title">
Most Brands Are Visual Collections — Not Strategic Systems
</h2>
<p className="ux-growth-subtitle">They struggle with:</p>
<div className="row">
<div className="col-md-6">
<ul className="ux-growth-list">
<li>Inconsistent messaging</li>
<li>Visual fragmentation</li>
</ul>
</div>
<div className="col-md-6">
<ul className="ux-growth-list">
<li>Weak positioning</li>
<li>Rebranding cycles every few years</li>
</ul>
</div>
</div>
<p className="ux-growth-bottom">
Without structure, brand becomes decoration.
</p>
</div>
{/* Right Image */}
<div className="col-lg-5">
<div className="ux-growth-image-box">
<img src="assets/images/brandart.png" alt="Brand System" />
</div>
</div>
</div>
</div>
</section>
<section className="ux-approach-section">
<div className="container">
<div className="row align-items-end mb-5">
<div className="col-lg-6">
<span className="ux-label">Our Approach</span>
<h2 className="ux-section-title">
We treat brand as infrastructure.
</h2>
</div>
<div className="col-lg-6 text-lg-end mt-4 mt-lg-0">
<p className="ux-section-desc">
Brand Should Feel Consistent Whether It's On A Billboard Or A Mobile
App.
</p>
</div>
</div>
<div className="row g-4">
{/* Card 1 */}
<div className="col-lg-4 col-md-6">
<div className="ux-card">
<div className="ux-card-top">
<span className="ux-icon">
<img src="assets/images/Architecture.svg" alt="" />
</span>
<span className="ux-num">01</span>
</div>
<h4>Positioning First</h4>
<p>Clear category, audience, and narrative foundation.</p>
</div>
</div>
{/* Card 2 */}
<div className="col-lg-4 col-md-6">
<div className="ux-card">
<div className="ux-card-top">
<span className="ux-icon">
<img src="assets/images/Built.svg" alt="" />
</span>
<span className="ux-num">02</span>
</div>
<h4>Identity With Structure</h4>
<p>
Typography, color systems, spacing logic, scalable visual
patterns.
</p>
</div>
</div>
{/* Card 3 */}
<div className="col-lg-4 col-md-6">
<div className="ux-card">
<div className="ux-card-top">
<span className="ux-icon">
<img src="assets/images/Designed.svg" alt="" />
</span>
<span className="ux-num">03</span>
</div>
<h4>Messaging Framework</h4>
<p>
Voice principles, brand language rules, modular copy structure.
</p>
</div>
</div>
</div>
</div>
</section>
<section className="ux-deliver-section">
<div className="container">
<h2 className="ux-deliver-title">What We Deliver</h2>
<div className="row g-5">
{/* Left List */}
<div className="col-lg-7">
<div className="ux-deliver-list active">
<span>01</span>
Market and positioning analysis
</div>
<div className="ux-deliver-list">
<span>02</span>
Logo and identity design
</div>
<div className="ux-deliver-list">
<span>03</span>
Brand guidelines
</div>
<div className="ux-deliver-list">
<span>04</span>
Asset system for scale
</div>
<div className="ux-deliver-list">
<span>05</span>
Brand narrative development
</div>
<div className="ux-deliver-list">
<span>06</span>
Typography and color systems
</div>
<div className="ux-deliver-list">
<span>07</span>
Messaging architecture
</div>
</div>
{/* Right Snapshot */}
<div className="col-lg-5">
<div className="ux-snapshot-box">
<small>CASE SNAPSHOT</small>
<hr />
<span className="ux-mini-title">CHALLENGE</span>
<h4>Generic positioning in competitive market</h4>
<span className="ux-mini-title mt-4 d-block">OUTCOME</span>
<h2>3x Engagement</h2>
<p>Growth after structured rebrand</p>
</div>
</div>
</div>
</div>
</section>
{/* TOP CTA */}
<div className="ux-footer-hero">
<div className="container">
<div className="ux-footer-hero-content text-center">
<p className="ux-section-label">AAideA</p>
<h2 className="ux-footer-title">
If the idea is strong, we'll scale it.
</h2>
<div className="ux-hero-actions">
<a href="#" className="btn ux-btn-primary">
Start a Project{" "}
<span className="ux-btn-icon">
<img src="assets/images/arrowbuttonwhite.svg" alt="" />
</span>
</a>
</div>
</div>
</div>
</div>
</>
);
}
app/brand-build/page.tsx
+196
View File
@@ -0,0 +1,196 @@
export default function brand_build() {
return (
<>
<section className="ux-project-hero ux-project-heropad">
<div className="container">
{/* center content */}
<div className="ux-project-content text-center">
<h1 className="ux-project-title">Brand Built As Systems</h1>
<p className="ux-project-subtitle">
We don't just design logos. We design structured identity ecosystems
that scale across channels.
</p>
</div>
<div className="ux-hero-actions">
<a href="#" className="btn ux-btn-primary">
Start a Project{" "}
<span className="ux-btn-icon">
<img src="assets/images/arrowbuttonwhite.svg" alt="" />
</span>
</a>
<a href="#" className="btn ux-btn-secondary">
View Case Studies
</a>
</div>
<div className="row align-items-center g-5 ux-growth-section">
{/* Left Content */}
<div className="col-lg-7">
<span className="ux-growth-label">Philosophy</span>
<h2 className="ux-growth-title">
Most Brands Are Visual Collections — Not Strategic Systems
</h2>
<p className="ux-growth-subtitle">They struggle with:</p>
<div className="row">
<div className="col-md-6">
<ul className="ux-growth-list">
<li>Inconsistent messaging</li>
<li>Weak positioning</li>
</ul>
</div>
<div className="col-md-6">
<ul className="ux-growth-list">
<li>Visual fragmentation</li>
<li>Rebranding cycles every few years</li>
</ul>
</div>
</div>
<p className="ux-growth-bottom">
Without structure, brand becomes decoration.
</p>
</div>
{/* Right Image */}
<div className="col-lg-5">
<div className="ux-growth-image-box">
<img src="assets/images/Philosophy.png" alt="Brand System" />
</div>
</div>
</div>
</div>
</section>
<section className="ux-approach-section">
<div className="container">
<div className="row align-items-end mb-5">
<div className="col-lg-6">
<span className="ux-label">Our Approach</span>
<h2 className="ux-section-title">
We treat brand as infrastructure.
</h2>
</div>
<div className="col-lg-6 text-lg-end mt-4 mt-lg-0">
<p className="ux-section-desc">
Brand Should Feel Consistent Whether It's On A Billboard Or A Mobile
App.
</p>
</div>
</div>
<div className="row g-4">
{/* Card 1 */}
<div className="col-lg-4 col-md-6">
<div className="ux-card">
<div className="ux-card-top">
<span className="ux-icon">
<img src="assets/images/Architecture.svg" alt="" />
</span>
<span className="ux-num">01</span>
</div>
<h4>Positioning First</h4>
<p>Clear category, audience, and narrative foundation.</p>
</div>
</div>
{/* Card 2 */}
<div className="col-lg-4 col-md-6">
<div className="ux-card">
<div className="ux-card-top">
<span className="ux-icon">
<img src="assets/images/Built.svg" alt="" />
</span>
<span className="ux-num">02</span>
</div>
<h4>Identity With Structure</h4>
<p>
Typography, color systems, spacing logic, scalable visual
patterns.
</p>
</div>
</div>
{/* Card 3 */}
<div className="col-lg-4 col-md-6">
<div className="ux-card">
<div className="ux-card-top">
<span className="ux-icon">
<img src="assets/images/Designed.svg" alt="" />
</span>
<span className="ux-num">03</span>
</div>
<h4>Messaging Framework</h4>
<p>
Voice principles, brand language rules, modular copy structure.
</p>
</div>
</div>
</div>
</div>
</section>
<section className="ux-deliver-section">
<div className="container">
<h2 className="ux-deliver-title">What We Deliver</h2>
<div className="row g-5">
{/* Left List */}
<div className="col-lg-7">
<div className="ux-deliver-list active">
<span>01</span>
Market and positioning analysis
</div>
<div className="ux-deliver-list">
<span>02</span>
Brand narrative development
</div>
<div className="ux-deliver-list">
<span>03</span>
Logo and identity design
</div>
<div className="ux-deliver-list">
<span>04</span>
Typography and color systems
</div>
<div className="ux-deliver-list">
<span>05</span>
Brand guidelines
</div>
<div className="ux-deliver-list">
<span>06</span>
Messaging architecture
</div>
<div className="ux-deliver-list">
<span>07</span>
Asset system for scale
</div>
</div>
{/* Right Snapshot */}
<div className="col-lg-5">
<div className="ux-snapshot-box">
<small>CASE SNAPSHOT</small>
<hr />
<span className="ux-mini-title">CHALLENGE</span>
<h4>Generic positioning in competitive market</h4>
<span className="ux-mini-title mt-4 d-block">OUTCOME</span>
<h2>3x Engagement</h2>
<p>Growth after structured rebrand</p>
</div>
</div>
</div>
</div>
</section>
{/* TOP CTA */}
<div className="ux-footer-hero">
<div className="container">
<div className="ux-footer-hero-content text-center">
<p className="ux-section-label">AAideA</p>
<h2 className="ux-footer-title">
If the idea is strong, we'll scale it.
</h2>
<div className="ux-hero-actions">
<a href="#" className="btn ux-btn-primary">
Start a Project{" "}
<span className="ux-btn-icon">
<img src="assets/images/arrowbuttonwhite.svg" alt="" />
</span>
</a>
</div>
</div>
</div>
</div>
</>
);
}
app/campaign_strategy/page.tsx
+192
View File
@@ -0,0 +1,192 @@
export default function Campaign() {
return (
<>
<section className="ux-project-hero ux-project-heropad">
<div className="container">
{/* center content */}
<div className="ux-project-content text-center">
<h1 className="ux-project-title">Campaigns Built To Perform</h1>
<p className="ux-project-subtitle">
We design campaign systems that drive measurable growth, not temporary
attention.
</p>
</div>
<div className="ux-hero-actions">
<a href="#" className="btn ux-btn-primary">
Start a Project{" "}
<span className="ux-btn-icon">
<img src="assets/images/arrowbuttonwhite.svg" alt="" />
</span>
</a>
<a href="#" className="btn ux-btn-secondary">
View Case Studies
</a>
</div>
<div className="row align-items-center g-5 ux-growth-section">
{/* Left Content */}
<div className="col-lg-7">
<span className="ux-growth-label">Philosophy</span>
<h2 className="ux-growth-title">
Most Campaigns Look Impressive But Lack Structure
</h2>
<p className="ux-growth-subtitle">They fail because:</p>
<div className="row">
<div className="col-md-6">
<ul className="ux-growth-list">
<li>Messaging doesn't connect to positioning</li>
<li>Funnel logic is unclear</li>
</ul>
</div>
<div className="col-md-6">
<ul className="ux-growth-list">
<li>Creative isn't built for testing</li>
<li>Data isn't used to iterate</li>
</ul>
</div>
</div>
<p className="ux-growth-bottom">
Attention without performance is wasted spend.
</p>
</div>
{/* Right Image */}
<div className="col-lg-5">
<div className="ux-growth-image-box">
<img src="assets/images/Philosophy.png" alt="Campaign System" />
</div>
</div>
</div>
</div>
</section>
<section className="ux-approach-section">
<div className="container">
<div className="row align-items-end mb-5">
<div className="col-lg-6">
<span className="ux-label">Our Approach</span>
<h2 className="ux-section-title">
We build campaigns like structured systems.
</h2>
</div>
<div className="col-lg-6 text-lg-end mt-4 mt-lg-0">
<p className="ux-section-desc">
Campaigns Must Be Scalable, Measurable, And Repeatable.
</p>
</div>
</div>
<div className="row g-4">
{/* Card 1 */}
<div className="col-lg-4 col-md-6">
<div className="ux-card">
<div className="ux-card-top">
<span className="ux-icon">
<img src="assets/images/Architecture.svg" alt="" />
</span>
<span className="ux-num">01</span>
</div>
<h4>Campaign Architecture</h4>
<p>
Clear objective, defined funnel stages, creative mapped to
journey.
</p>
</div>
</div>
{/* Card 2 */}
<div className="col-lg-4 col-md-6">
<div className="ux-card">
<div className="ux-card-top">
<span className="ux-icon">
<img src="assets/images/Built.svg" alt="" />
</span>
<span className="ux-num">02</span>
</div>
<h4>Performance-Ready Creative</h4>
<p>
Ad structures, messaging variants, testing logic built into the
design.
</p>
</div>
</div>
{/* Card 3 */}
<div className="col-lg-4 col-md-6">
<div className="ux-card">
<div className="ux-card-top">
<span className="ux-icon">
<img src="assets/images/Designed.svg" alt="" />
</span>
<span className="ux-num">03</span>
</div>
<h4>Data-Driven Optimization</h4>
<p>We track performance and refine creative, not guess.</p>
</div>
</div>
</div>
</div>
</section>
<section className="ux-deliver-section">
<div className="container">
<h2 className="ux-deliver-title">What We Deliver</h2>
<div className="row g-5">
{/* Left List */}
<div className="col-lg-7">
<div className="ux-deliver-list active">
<span>01</span>
Campaign strategy blueprint
</div>
<div className="ux-deliver-list">
<span>02</span>
Creative direction
</div>
<div className="ux-deliver-list">
<span>03</span>
Ad creative production
</div>
<div className="ux-deliver-list">
<span>04</span>
Landing page alignment
</div>
<div className="ux-deliver-list">
<span>05</span>
Performance funnel mapping
</div>
<div className="ux-deliver-list">
<span>06</span>
Optimization frameworks
</div>
</div>
{/* Right Snapshot */}
<div className="col-lg-5">
<div className="ux-snapshot-box">
<small>CASE SNAPSHOT</small>
<hr />
<span className="ux-mini-title">CHALLENGE</span>
<h4>High ad spend, low conversion</h4>
<span className="ux-mini-title mt-4 d-block">OUTCOME</span>
<h2>38% lower CPA</h2>
<p>After restructuring campaign system</p>
</div>
</div>
</div>
</div>
</section>
{/* TOP CTA */}
<div className="ux-footer-hero">
<div className="container">
<div className="ux-footer-hero-content text-center">
<p className="ux-section-label">AAideA</p>
<h2 className="ux-footer-title">
If the idea is strong, we'll scale it.
</h2>
<div className="ux-hero-actions">
<a href="#" className="btn ux-btn-primary">
Start a Project{" "}
<span className="ux-btn-icon">
<img src="assets/images/arrowbuttonwhite.svg" alt="" />
</span>
</a>
</div>
</div>
</div>
</div>
</>
);
}
app/components/Footer.tsx
+56
View File
@@ -0,0 +1,56 @@
import Link from 'next/link';
import Image from 'next/image';
export default function Footer() {
return (
<footer className="ux-main-footer">
<div className="container">
<div className="ux-footer-grid">
{/* LEFT */}
<div className="ux-footer-left">
<Link href="#"><Image src="/assets/images/footerlogo.png" alt="Logo" width={120} height={40} /></Link>
<p className="ux-footer-desc">
We build digital homes, brand systems, and scalable
content engines designed for clarity and growth.
Everything is structured to help fast
</p>
</div>
{/* RIGHT */}
<div className="ux-footer-right">
<div className="ux-footer-links">
<h6>POPULAR</h6>
<Link href="/work">Work</Link>
<Link href="/services">Services</Link>
<Link href="/about">About</Link>
</div>
<div className="ux-footer-links">
<h6>HELP</h6>
<Link href="/process">Process</Link>
<Link href="/start_project">Start a Project</Link>
<Link href="/hvac">HVAC</Link>
</div>
<div className="ux-footer-links">
<h6>LEGAL</h6>
<Link href="#">Terms and Conditions</Link>
<Link href="#">Privacy Policy</Link>
<Link href="#">FAQ's</Link>
</div>
</div>
</div>
{/* BOTTOM */}
<div className="ux-footer-bottom">
<p>© 2026 AAideA by Insignia Consultancy Solutions. All rights reserved.</p>
<div className="ux-footer-social">
<Link href="#"><Image src="/assets/images/facebook.svg" alt="facebook" width={20} height={20} /></Link>
<Link href="#"><Image src="/assets/images/linkdien.svg" alt="linkedin" width={20} height={20} /></Link>
<Link href="#"><Image src="/assets/images/instagram.svg" alt="instagram" width={20} height={20} /></Link>
<Link href="#"><Image src="/assets/images/twitter.svg" alt="twitter" width={20} height={20} /></Link>
<Link href="#"><Image src="/assets/images/youtube.svg" alt="youtube" width={20} height={20} /></Link>
</div>
</div>
</div>
</footer>
);
}
app/components/Header.tsx
+80
View File
@@ -0,0 +1,80 @@
'use client';
import { useState } from 'react';
import Link from 'next/link';
import Image from 'next/image';
export default function Header() {
const [open, setOpen] = useState(false);
return (
<>
<header className="ux-header">
<div className="container">
<div className="ux-navbar">
<Link href="/">
<Image
src="/assets/images/footerlogo.png"
alt="Logo"
width={120}
height={40}
/>
</Link>
<ul className="ux-nav">
<li><Link href="/work">Work</Link></li>
<li><Link href="/services">Services</Link></li>
<li><Link href="/about">About</Link></li>
<li><Link href="/process">Process</Link></li>
{/* ⚠️ FIX */}
<li className="ux-nav-cta">
<Link href="/start_project">Start a Project</Link>
</li>
</ul>
{/* TOGGLE BUTTON */}
<div
className="ux-menu"
onClick={() => setOpen(!open)}
>
<Image
className="icon open-icon"
src="/assets/images/menutoggle.svg"
alt="menu"
width={30}
height={30}
/>
</div>
</div>
</div>
</header>
{/* RIGHT PANEL */}
<div className={`contact-panel ${open ? 'active' : ''}`}>
<h4>
<Image src="/assets/images/hello.svg" alt="hello" width={24} height={24} />
Say hello!
</h4>
<div className="images">
<Image src="/assets/images/popup1.png" alt="" width={80} height={80} />
<Image src="/assets/images/popup2.png" alt="" width={80} height={80} />
<Image src="/assets/images/popup3.png" alt="" width={80} height={80} />
</div>
<p>
<Image src="/assets/images/location.svg" alt="location" width={18} height={18} />
<span>410 Sandtown, California 94001, USA</span>
</p>
<p>
<Image src="/assets/images/email.svg" alt="email" width={18} height={18} />
<span> info@example.com</span>
</p>
</div>
</>
);
}
app/content_motion/page.tsx
+188
View File
@@ -0,0 +1,188 @@
export default function Content() {
return (
<>
<section className="ux-project-hero ux-project-heropad">
<div className="container">
{/* center content */}
<div className="ux-project-content text-center">
<h1 className="ux-project-title">
Content Built For <br /> Consistency And Scale
</h1>
<p className="ux-project-subtitle">
Structured storytelling across video, motion, and digital channels.
</p>
</div>
<div className="ux-hero-actions">
<a href="#" className="btn ux-btn-primary">
Start a Project{" "}
<span className="ux-btn-icon">
<img src="assets/images/arrowbuttonwhite.svg" alt="" />
</span>
</a>
<a href="#" className="btn ux-btn-secondary">
View Case Studies
</a>
</div>
<div className="row align-items-center g-5 ux-growth-section">
{/* Left Content */}
<div className="col-lg-7">
<span className="ux-growth-label">Philosophy</span>
<h2 className="ux-growth-title">Content Often Becomes Reactive</h2>
<p className="ux-growth-subtitle">Teams struggle with:</p>
<div className="row">
<div className="col-md-6">
<ul className="ux-growth-list">
<li>Irregular posting</li>
<li>Inconsistent quality</li>
</ul>
</div>
<div className="col-md-6">
<ul className="ux-growth-list">
<li>No narrative cohesion</li>
<li>Burnout from constant creation</li>
</ul>
</div>
</div>
<p className="ux-growth-bottom">
Without structure, content becomes noise.
</p>
</div>
{/* Right Image */}
<div className="col-lg-5">
<div className="ux-growth-image-box">
<img src="assets/images/Content.png" alt="Content System" />
</div>
</div>
</div>
</div>
</section>
<section className="ux-approach-section">
<div className="container">
<div className="row align-items-end mb-5">
<div className="col-lg-6">
<span className="ux-label">Our Approach</span>
<h2 className="ux-section-title">
We design repeatable content engines.
</h2>
</div>
<div className="col-lg-6 text-lg-end mt-4 mt-lg-0">
<p className="ux-section-desc">
We Design Repeatable Content Engines.
</p>
</div>
</div>
<div className="row g-4">
{/* Card 1 */}
<div className="col-lg-4 col-md-6">
<div className="ux-card">
<div className="ux-card-top">
<span className="ux-icon">
<img src="assets/images/Architecture.svg" alt="" />
</span>
<span className="ux-num">01</span>
</div>
<h4>Narrative Framework</h4>
<p>Define core story themes and recurring pillars.</p>
</div>
</div>
{/* Card 2 */}
<div className="col-lg-4 col-md-6">
<div className="ux-card">
<div className="ux-card-top">
<span className="ux-icon">
<img src="assets/images/Built.svg" alt="" />
</span>
<span className="ux-num">02</span>
</div>
<h4>Motion &amp; Visual Identity</h4>
<p>Create motion language and visual consistency across formats.</p>
</div>
</div>
{/* Card 3 */}
<div className="col-lg-4 col-md-6">
<div className="ux-card">
<div className="ux-card-top">
<span className="ux-icon">
<img src="assets/images/Designed.svg" alt="" />
</span>
<span className="ux-num">03</span>
</div>
<h4>Production System</h4>
<p>
Template-driven design, repeatable workflows, batch production
models.
</p>
</div>
</div>
</div>
</div>
</section>
<section className="ux-deliver-section">
<div className="container">
<h2 className="ux-deliver-title">What We Deliver</h2>
<div className="row g-5">
{/* Left List */}
<div className="col-lg-7">
<div className="ux-deliver-list active">
<span>01</span>
Content strategy framework
</div>
<div className="ux-deliver-list">
<span>02</span>
Editorial calendar architecture
</div>
<div className="ux-deliver-list">
<span>03</span>
Video and motion templates
</div>
<div className="ux-deliver-list">
<span>04</span>
Visual storytelling systems
</div>
<div className="ux-deliver-list">
<span>05</span>
Social content design patterns
</div>
<div className="ux-deliver-list">
<span>06</span>
Production workflows
</div>
</div>
{/* Right Snapshot */}
<div className="col-lg-5">
<div className="ux-snapshot-box">
<small>CASE SNAPSHOT</small>
<hr />
<span className="ux-mini-title">CHALLENGE</span>
<h4>Inconsistent brand voice on social</h4>
<span className="ux-mini-title mt-4 d-block">OUTCOME</span>
<h2>4x Engagement</h2>
<p>Growth with structured content system</p>
</div>
</div>
</div>
</div>
</section>
{/* TOP CTA */}
<div className="ux-footer-hero">
<div className="container">
<div className="ux-footer-hero-content text-center">
<p className="ux-section-label">AAideA</p>
<h2 className="ux-footer-title">
If the idea is strong, we'll scale it.
</h2>
<div className="ux-hero-actions">
<a href="#" className="btn ux-btn-primary">
Start a Project{" "}
<span className="ux-btn-icon">
<img src="assets/images/arrowbuttonwhite.svg" alt="" />
</span>
</a>
</div>
</div>
</div>
</div>
</>
);
}
app/digital_platform/page.tsx
+270
View File
@@ -0,0 +1,270 @@
export default function Digital() {
return (
<>
<section className="ux-project-hero ux-project-heropad">
<div className="container">
{/* center content */}
<div className="ux-project-content text-center">
<h1 className="ux-project-title">
Digital Platforms Built <br /> to Scale
</h1>
<p className="ux-project-subtitle">
Web architecture designed for growth, integration, and performance —
not just design awards.
</p>
</div>
<div className="ux-hero-actions">
<a href="#" className="btn ux-btn-primary">
Start a Project{" "}
<span className="ux-btn-icon">
<img src="assets/images/arrowbuttonwhite.svg" alt="" />
</span>
</a>
<a href="#" className="btn ux-btn-secondary">
View Case Studies
</a>
</div>
<div className="row align-items-center g-5 ux-growth-section">
{/* Left Content */}
<div className="col-lg-7">
<span className="ux-growth-label">Philosophy</span>
<h2 className="ux-growth-title">Most Websites Break Under Growth</h2>
<p className="ux-growth-subtitle">
Most websites look polished at launch — and collapse under growth.
</p>
<p className="ux-growth-small">They aren't structured for:</p>
<div className="row">
<div className="col-md-6">
<ul className="ux-growth-list">
<li>Traffic spikes</li>
<li>Campaign scale</li>
<li>Data flow</li>
</ul>
</div>
<div className="col-md-6">
<ul className="ux-growth-list">
<li>CRM integrations</li>
<li>Multi-region expansion</li>
</ul>
</div>
</div>
<p className="ux-growth-bottom">
Design without architecture becomes technical debt.
<br />
Growth exposes weak foundations.
</p>
</div>
{/* Right Image */}
<div className="col-lg-5">
<div className="ux-growth-image-box">
<img src="assets/images/Philosophy.png" alt="UI Design" />
</div>
</div>
</div>
</div>
</section>
{/* ===========================
APPROACH SECTION
=========================== */}
<section className="ux-approach-section">
<div className="container">
<div className="row align-items-end mb-3">
<div className="col-lg-6">
<span className="ux-label">Our Approach</span>
<h2 className="ux-section-title">
We don't design pages.
<br />
We design digital infrastructure.
</h2>
</div>
<div className="col-lg-6 text-lg-end mt-4 mt-lg-0">
<p className="ux-section-desc">
The Result Is A Platform That Evolves With The Business.
</p>
</div>
</div>
<div className="row g-4">
{/* Card 1 */}
<div className="col-lg-4 col-md-6">
<div className="ux-card">
<div className="ux-card-top">
<span className="ux-icon">
<img src="assets/images/Architecture.svg" alt="" />
</span>
<span className="ux-num">01</span>
</div>
<h4>Architecture First</h4>
<p>
We map user journeys, conversion paths, and information
hierarchies before visual design begins.
</p>
</div>
</div>
{/* Card 2 */}
<div className="col-lg-4 col-md-6">
<div className="ux-card">
<div className="ux-card-top">
<span className="ux-icon">
<img src="assets/images/Built.svg" alt="" />
</span>
<span className="ux-num">02</span>
</div>
<h4>Built for Integration</h4>
<p>
CRM, automation, analytics, payment systems — all planned into the
structure.
</p>
</div>
</div>
{/* Card 3 */}
<div className="col-lg-4 col-md-6">
<div className="ux-card">
<div className="ux-card-top">
<span className="ux-icon">
<img src="assets/images/Designed.svg" alt="" />
</span>
<span className="ux-num">03</span>
</div>
<h4>Designed for Scale</h4>
<p>Modular components, flexible CMS logic, multi-site readiness.</p>
</div>
</div>
</div>
</div>
</section>
{/* ===========================
DELIVER SECTION
=========================== */}
<section className="ux-deliver-section">
<div className="container">
<h2 className="ux-deliver-title">What We Deliver</h2>
<div className="row g-5">
{/* Left List */}
<div className="col-lg-7">
<div className="ux-deliver-list active">
<span>01</span>
UX strategy and journey mapping
</div>
<div className="ux-deliver-list">
<span>02</span>
Wireframes and structural prototypes
</div>
<div className="ux-deliver-list">
<span>03</span>
Design systems (tokens, components, patterns)
</div>
<div className="ux-deliver-list">
<span>04</span>
Development-ready UI
</div>
<div className="ux-deliver-list">
<span>05</span>
Headless or CMS implementation
</div>
<div className="ux-deliver-list">
<span>06</span>
Performance optimization
</div>
<div className="ux-deliver-list">
<span>07</span>
Technical documentation
</div>
</div>
{/* Right Snapshot */}
<div className="col-lg-5">
<div className="ux-snapshot-box">
<small>CASE SNAPSHOT</small>
<hr />
<span className="ux-mini-title">CHALLENGE</span>
<h4>Disconnected marketing + outdated web structure</h4>
<span className="ux-mini-title mt-4 d-block">OUTCOME</span>
<h2>42% increase</h2>
<p>in qualified conversions within 90 days</p>
</div>
</div>
</div>
</div>
</section>
<section className="connect-section">
<div className="container">
{/* HEADING */}
<h2>How We Work</h2>
<p className="subtitle">
We design and build high-performance digital platforms structured for
conversion, scale, and integration.
</p>
{/* FLOW */}
<div className="connect-flow">
<div className="flow-item">
<div className="icon">
<img src="assets/images/Brand1.png" alt="" />
</div>
<span>Discovery</span>
</div>
<div className="arrow">
<img src="assets/images/Everything.svg" alt="" />
</div>
<div className="flow-item">
<div className="icon">
<img src="assets/images/Platform.svg" alt="" />
</div>
<span>Architecture</span>
</div>
<div className="arrow">
<img src="assets/images/Everything.svg" alt="" />
</div>
<div className="flow-item">
<div className="icon">
<img src="assets/images/Campaign1.svg" alt="" />
</div>
<span>Design</span>
</div>
<div className="arrow">
<img src="assets/images/Everything.svg" alt="" />
</div>
<div className="flow-item">
<div className="icon">
<img src="assets/images/content1.svg" alt="" />
</div>
<span>Build</span>
</div>
<div className="arrow">
<img src="assets/images/Everything.svg" alt="" />
</div>
<div className="flow-item">
<div className="icon">
<img src="assets/images/Automation.png" alt="" />
</div>
<span>Optimize</span>
</div>
</div>
{/* BOTTOM TEXT */}
<p className="bottom-text">
No rushed mockups. No disconnected freelancers. Everything is structured
from day one.
</p>
</div>
</section>
{/* TOP CTA */}
<div className="ux-footer-hero">
<div className="container">
<div className="ux-footer-hero-content text-center">
<p className="ux-section-label">AAideA</p>
<h2 className="ux-footer-title">
If the idea is strong, we'll scale it.
</h2>
<div className="ux-hero-actions">
<a href="#" className="btn ux-btn-primary">
Start a Project{" "}
<span className="ux-btn-icon">
<img src="assets/images/arrowbuttonwhite.svg" alt="" />
</span>
</a>
</div>
</div>
</div>
</div>
</>
);
}
app/favicon.ico
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 25 KiB

app/globals.css
-26
View File
@@ -1,26 +0,0 @@
@import "tailwindcss";
:root {
--background: #ffffff;
--foreground: #171717;
}
@theme inline {
--color-background: var(--background);
--color-foreground: var(--foreground);
--font-sans: var(--font-geist-sans);
--font-mono: var(--font-geist-mono);
}
@media (prefers-color-scheme: dark) {
:root {
--background: #0a0a0a;
--foreground: #ededed;
}
}
body {
background: var(--background);
color: var(--foreground);
font-family: Arial, Helvetica, sans-serif;
}
app/hvac/page.tsx
+130
View File
@@ -0,0 +1,130 @@
export default function Hvac() {
return (
<>
<section className="ux-project-hero">
<div className="container">
{/* center content */}
<div className="ux-project-content text-center">
<h1 className="ux-project-title">HVAC</h1>
<p className="ux-project-subtitle">
Legacy reputation. Fragmented digital presence.
</p>
</div>
<div className="breacampoffline">
<p style={{ textAlign: "right" }}>
HVAC operated with strong offline credibility but weak digital
structure. Leads were inconsistent. Messaging lacked positioning
clarity.
</p>
<p>
Transform a traditional service provider into a modern, conversion-led
digital engine — without losing trust.
</p>
</div>
</div>
</section>
{/* ===========================
CASE RESULT SECTION
=========================== */}
<section className="ux-result-section">
<div className="container">
{/* TOP BOX */}
<div className="ux-result-box">
{/* LEFT */}
<div className="ux-result-left">
<p className="ux-step-label">Amplify</p>
<h3 className="ux-result-heading">WE BUILT:</h3>
<div className="ux-build-grid">
<div className="ux-mini-card active">
<span>01</span>
<p>Clear positioning architecture</p>
</div>
<div className="ux-mini-card active">
<span>02</span>
<p>Structured service segmentation</p>
</div>
<div className="ux-mini-card active">
<span>03</span>
<p>Conversion-led landing framework</p>
</div>
<div className="ux-mini-card active">
<span>04</span>
<p>Content packaging system</p>
</div>
</div>
</div>
{/* RIGHT */}
<div className="ux-result-right">
<p className="ux-step-label">Amplify</p>
<h3 className="ux-result-heading">AI WAS USED TO:</h3>
<div className="ux-ai-grid">
<div className="ux-mini-card">
<span>01</span>
<p>Rapidly test messaging variations</p>
</div>
<div className="ux-mini-card">
<span>02</span>
<p>Produce scaled content formats</p>
</div>
<div className="ux-mini-card">
<span>03</span>
<p>Optimize landing copy iterations</p>
</div>
</div>
</div>
</div>
{/* BOTTOM BOX */}
<div className="ux-deliver-box">
{/* LEFT */}
<div className="ux-deliver-left">
<p className="ux-step-label">Activate</p>
<h3 className="ux-result-heading">DELIVERED:</h3>
<ul className="ux-deliver-list">
<li>Marketing Website</li>
<li>Service Landing Funnels</li>
<li>Paid Campaign Creatives</li>
<li>Short-form Video Scripts</li>
<li>Structured Content System</li>
</ul>
</div>
{/* CENTER */}
<div className="ux-deliver-center">
<img src="assets/images/Delivered.png" alt="" />
</div>
{/* RIGHT */}
<div className="ux-deliver-right">
<h3 className="ux-result-heading">RESULT:</h3>
<p>
Clear digital authority. Improved lead capture flow. Scalable
marketing infrastructure.
</p>
<a href="#" className="ux-result-btn">
Build your digital engine
</a>
</div>
</div>
</div>
</section>
{/* TOP CTA */}
<div className="ux-footer-hero">
<div className="container">
<div className="ux-footer-hero-content text-center">
<p className="ux-section-label">AAideA</p>
<h2 className="ux-footer-title">
If the idea is strong, we'll scale it.
</h2>
<div className="ux-hero-actions">
<a href="#" className="btn ux-btn-primary">
Start a Project{" "}
<span className="ux-btn-icon">
<img src="assets/images/arrowbuttonwhite.svg" alt="" />
</span>
</a>
</div>
</div>
</div>
</div>
</>
);
}
app/layout.tsx
+52 -29
View File
@@ -1,33 +1,56 @@
import type { Metadata } from "next";
import { Geist, Geist_Mono } from "next/font/google";
import "./globals.css";
const geistSans = Geist({
variable: "--font-geist-sans",
subsets: ["latin"],
});
const geistMono = Geist_Mono({
variable: "--font-geist-mono",
subsets: ["latin"],
});
export const metadata: Metadata = {
title: "Create Next App",
description: "Generated by create next app",
};
import "bootstrap/dist/css/bootstrap.min.css"
import "swiper/css"
import "aos/dist/aos.css"
import { Toaster } from "react-hot-toast";
import Header from "./components/Header"
import Footer from "./components//Footer"
import Script from "next/script"
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
}: {
children: React.ReactNode
}) {
return (
<html
lang="en"
className={`${geistSans.variable} ${geistMono.variable} h-full antialiased`}
>
<body className="min-h-full flex flex-col">{children}</body>
<html lang="en">
{/* ✅ YAHAN */}
<head>
<link rel="stylesheet" href="/assets/css/style.css" />
<link rel="stylesheet" href="/assets/css/responsive.css" />
</head>
<body>
<Toaster position="top-right" />
<Header />
{children}
<Footer />
{/* ✅ 1. Bootstrap */}
<Script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"
strategy="afterInteractive"
/>
{/* ✅ 2. Swiper JS (MISSING THA) */}
<Script
src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"
strategy="afterInteractive"
/>
{/* ✅ 3. AOS JS */}
<Script
src="https://unpkg.com/aos@2.3.4/dist/aos.js"
strategy="afterInteractive"
/>
{/* ✅ 4. TERA main.js (LAST) */}
<Script
src="/assets/js/main.js"
strategy="afterInteractive"
/>
</body>
</html>
);
}
)
}
app/linkedin_uppro/page.tsx
+127
View File
@@ -0,0 +1,127 @@
export default function linkedin_uppro() {
return (
<>
<section className="ux-project-hero">
<div className="container">
{/* center content */}
<div className="ux-project-content text-center">
<h1 className="ux-project-title">LynkedUp Pro</h1>
<p className="ux-project-subtitle">Trust vs. Scale.</p>
</div>
<div className="breacampoffline">
<p style={{ textAlign: "right" }}>
The market lacked a structured bridge between vetted talent and field
execution. Trust and scale needed to coexist.
</p>
<p>
Design a platform that manages high-level talent while remaining
accessible for enterprise scale with seamless global collaboration
infrastructure.
</p>
</div>
</div>
</section>
{/* ===========================
CASE RESULT SECTION
=========================== */}
<section className="ux-result-section">
<div className="container">
{/* TOP BOX */}
<div className="ux-result-box">
{/* LEFT */}
<div className="ux-result-left">
<p className="ux-step-label">Amplify</p>
<h3 className="ux-result-heading">WE BUILT:</h3>
<div className="ux-build-grid">
<div className="ux-mini-card active">
<span>01</span>
<p>Product UX architecture</p>
</div>
<div className="ux-mini-card active">
<span>02</span>
<p>Modular UI system</p>
</div>
<div className="ux-mini-card active">
<span>03</span>
<p>Marketing website</p>
</div>
<div className="ux-mini-card active">
<span>04</span>
<p>Onboarding flows</p>
</div>
</div>
</div>
{/* RIGHT */}
<div className="ux-result-right">
<p className="ux-step-label">Amplify</p>
<h3 className="ux-result-heading">AI WAS USED TO:</h3>
<div className="ux-ai-grid">
<div className="ux-mini-card">
<span>01</span>
<p>UI variation testing</p>
</div>
<div className="ux-mini-card">
<span>02</span>
<p>Content system expansion</p>
</div>
<div className="ux-mini-card">
<span>03</span>
<p>Workflow acceleration</p>
</div>
</div>
</div>
</div>
{/* BOTTOM BOX */}
<div className="ux-deliver-box">
{/* LEFT */}
<div className="ux-deliver-left">
<p className="ux-step-label">Activate</p>
<h3 className="ux-result-heading">DELIVERED:</h3>
<ul className="ux-deliver-list">
<li>SaaS Interface</li>
<li>Marketing Site</li>
<li>Demo Video</li>
<li>System UI Kit</li>
</ul>
</div>
{/* CENTER */}
<div className="ux-deliver-center">
<img src="assets/images/Delivered.png" alt="" />
</div>
{/* RIGHT */}
<div className="ux-deliver-right">
<h3 className="ux-result-heading">RESULT: </h3>
<p>
Professional-grade platform. Structured user journey. Scalable
product foundation.
</p>
<a href="#" className="ux-result-btn">
Design your platform
</a>
</div>
</div>
</div>
</section>
{/* TOP CTA */}
<div className="ux-footer-hero">
<div className="container">
<div className="ux-footer-hero-content text-center">
<p className="ux-section-label">AAideA</p>
<h2 className="ux-footer-title">
If the idea is strong, we'll scale it.
</h2>
<div className="ux-hero-actions">
<a href="#" className="btn ux-btn-primary">
Start a Project{" "}
<span className="ux-btn-icon">
<img src="assets/images/arrowbuttonwhite.svg" alt="" />
</span>
</a>
</div>
</div>
</div>
</div>
</>
);
}
app/page.tsx
+587 -56
View File
@@ -1,65 +1,596 @@
import Image from "next/image";
"use client";
import Link from "next/link";
import { useEffect } from "react";
export default function HomePage() {
export default function Home() {
return (
<div className="flex flex-col flex-1 items-center justify-center bg-zinc-50 font-sans dark:bg-black">
<main className="flex flex-1 w-full max-w-3xl flex-col items-center justify-between py-32 px-16 bg-white dark:bg-black sm:items-start">
<Image
className="dark:invert"
src="/next.svg"
alt="Next.js logo"
width={100}
height={20}
priority
/>
<div className="flex flex-col items-center gap-6 text-center sm:items-start sm:text-left">
<h1 className="max-w-xs text-3xl font-semibold leading-10 tracking-tight text-black dark:text-zinc-50">
To get started, edit the page.tsx file.
</h1>
<p className="max-w-md text-lg leading-8 text-zinc-600 dark:text-zinc-400">
Looking for a starting point or more instructions? Head over to{" "}
<a
href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
className="font-medium text-zinc-950 dark:text-zinc-50"
>
Templates
</a>{" "}
or the{" "}
<a
href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
className="font-medium text-zinc-950 dark:text-zinc-50"
>
Learning
</a>{" "}
center.
</p>
<>
<section className="ux-hero-section">
<div className="container">
<div className="row justify-content-center text-center">
<div className="col-lg-8">
<h1 className="ux-hero-title">
One Strong Idea.
<br />
Executed Across Every <br />{" "}
<span className="ux-text-highlight">Digital</span> Surface.
</h1>
<p className="ux-hero-subtitle">
Designing digital homes, brand systems, and scalable content for
modern operators.
</p>
<div className="ux-hero-actions">
<a href="#" className="btn ux-btn-primary">
Start a Project{" "}
<span className="ux-btn-icon">
<img src="assets/images/arrowbuttonwhite.svg" alt="" />
</span>
</a>
<a href="#" className="btn ux-btn-secondary">
View Case Studies
</a>
</div>
</div>
</div>
<div className="flex flex-col gap-4 text-base font-medium sm:flex-row">
<a
className="flex h-12 w-full items-center justify-center gap-2 rounded-full bg-foreground px-5 text-background transition-colors hover:bg-[#383838] dark:hover:bg-[#ccc] md:w-[158px]"
href="https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
target="_blank"
rel="noopener noreferrer"
>
<Image
className="dark:invert"
src="/vercel.svg"
alt="Vercel logomark"
width={16}
height={16}
{/* BOTTOM CARDS */}
<div className="row align-items-center mt-5 g-4 ux-bottom-wrapper">
{/* Left Image */}
<div className="col-lg-3">
<div className="ux-img-card">
<img src="assets/images/Onestrong.png" className="img-fluid" />
</div>
</div>
{/* 400+ */}
<div className="col-lg-2">
<div className="ux-stat-box ux-light">
<h2 className="ux-counter" data-count={400}>
0
</h2>
<p>
Our Esteemed
<br />
Clients and Partners
</p>
</div>
</div>
{/* Trusted */}
<div className="col-lg-2">
<div className="ux-stat-box ux-dark">
<h5>
Trusted &amp;
<br />
Transparent
<br />
Growth
</h5>
<div className="ux-icon">
<img src="assets/images/flower.svg" alt="" />
</div>
</div>
</div>
{/* 20+ */}
<div className="col-lg-2">
<div className="ux-stat-box ux-dark">
<h2>20+</h2>
<p>
Global Enterprise
<br />
Drives Innovation
</p>
</div>
</div>
{/* Right Image */}
<div className="col-lg-3">
<div className="ux-img-card">
<img src="assets/images/Onestrong1.png" className="img-fluid" />
</div>
</div>
</div>
</div>
</section>
<section className="ux-about-section">
<div className="container">
{/* Top Heading */}
<div className="row mb-5">
<div className="col-lg-3">
<p className="ux-section-label">About AaideA</p>
</div>
<div className="col-lg-9">
<h2 className="ux-main-heading">
We build digital homes, brand systems, and scalable content engines
designed for clarity and growth. Everything is structured to help{" "}
<span>
{" "}
fast-moving operators stay consistent, move with precision, and
turn attention into lasting momentum.
</span>
</h2>
</div>
</div>
{/* Content Row */}
<div className="row align-items-end mb-5">
{/* Left Counter */}
<div className="col-lg-3 text-center text-lg-start">
<h2 className="ux-big-counter">10+</h2>
<p className="ux-small-text">Years Of Creative Excellence</p>
</div>
{/* Image */}
<div className="col-lg-3 text-center">
<img
src="assets/images/digitalabout.png"
className="img-fluid ux-about-img"
/>
Deploy Now
</a>
<a
className="flex h-12 w-full items-center justify-center rounded-full border border-solid border-black/[.08] px-5 transition-colors hover:border-transparent hover:bg-black/[.04] dark:border-white/[.145] dark:hover:bg-[#1a1a1a] md:w-[158px]"
href="https://nextjs.org/docs?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
target="_blank"
rel="noopener noreferrer"
>
Documentation
</div>
{/* Content */}
<div className="col-lg-6">
<h4 className="ux-card-title">We build digital homes</h4>
<p className="ux-card-text">
We build digital homes, brand systems, and scalable content engines
designed for clarity and growth.
</p>
<a href="#" className="btn ux-btn-primary">
Start a Project{" "}
<span className="ux-btn-icon">
<img src="assets/images/arrowbuttonwhite.svg" alt="" />
</span>
</a>
</div>
</div>
<div className="partners-wrapper">
<div className="partner-item">
<img src="assets/images/lutron.png" alt="" />
</div>
<div className="partner-item">
<img src="assets/images/kohler.png" alt="" />
</div>
<div className="partner-item">
<img src="assets/images/samsung.png" alt="" />
</div>
<div className="partner-item">
<img src="assets/images/ring.png" alt="" />
</div>
<div className="partner-item">
<img src="assets/images/nest.png" alt="" />
</div>
<div className="partner-item">
<img src="assets/images/sherwin.png" alt="" />
</div>
</div>
</div>
</section>
<section className="ux-work-section">
<div className="container">
{/* Header */}
<div className="d-flex justify-content-between align-items-center mb-4">
<div className="displayflexhead">
<p className="ux-section-label">Featured Work</p>
<h2 className="ux-main-heading">
We build digital homes, brand systems, and scalable
</h2>
</div>
{/* Arrows */}
<div className="ux-swiper-nav">
<div className="ux-arrow work-prev">
<img src="assets/images/arrowpre.png" alt="" />
</div>
<div className="ux-arrow work-next">
<img src="assets/images/arrownext.png" alt="" />
</div>
</div>
</div>
{/* Slider */}
<div className="swiper ux-work-swiper">
<div className="swiper-wrapper">
{/* CARD */}
<div className="swiper-slide">
<div className="ux-work-card">
<img
src="assets/images/Digital Transformation.png"
className="img-fluid"
/>
<h4>HVAC Digital Transformation</h4>
<p>
Turning a legacy service business into a structured digital lead
engine.
</p>
<a href="#" className="ux-link">
Learn Case <img src="assets/images/arrowlearn.svg" alt="" />
</a>
</div>
</div>
<div className="swiper-slide">
<div className="ux-work-card">
<img src="assets/images/AchievAR1.png" className="img-fluid" />
<h4>AchievAR</h4>
<p>
Building a brand system for immersive learning in a fragmented
market.
</p>
<a href="#" className="ux-link">
Learn Case <img src="assets/images/arrowlearn.svg" alt="" />
</a>
</div>
</div>
<div className="swiper-slide">
<div className="ux-work-card">
<img src="assets/images/pro.png" className="img-fluid" />
<h4>LynkedUp Pro</h4>
<p>
Designing a SaaS platform that bridges vetted talent and
execution.
</p>
<a href="#" className="ux-link">
Learn Case <img src="assets/images/arrowlearn.svg" alt="" />
</a>
</div>
</div>
<div className="swiper-slide">
<div className="ux-work-card">
<img src="assets/images/foundation.png" className="img-fluid" />
<h4>LynkedUp Foundation</h4>
<p>
Turning a legacy service business into a structured digital lead
engine.
</p>
<a href="#" className="ux-link">
Learn Case <img src="assets/images/arrowlearn.svg" alt="" />
</a>
</div>
</div>
<div className="swiper-slide">
<div className="ux-work-card">
<img
src="assets/images/Digital Transformation.png"
className="img-fluid"
/>
<h4>HVAC Digital Transformation</h4>
<p>
Turning a legacy service business into a structured digital lead
engine.
</p>
<a href="#" className="ux-link">
Learn Case <img src="assets/images/arrowlearn.svg" alt="" />
</a>
</div>
</div>
<div className="swiper-slide">
<div className="ux-work-card">
<img src="assets/images/AchievAR1.png" className="img-fluid" />
<h4>AchievAR</h4>
<p>
Building a brand system for immersive learning in a fragmented
market.
</p>
<a href="#" className="ux-link">
Learn Case <img src="assets/images/arrowlearn.svg" alt="" />
</a>
</div>
</div>
<div className="swiper-slide">
<div className="ux-work-card">
<img src="assets/images/pro.png" className="img-fluid" />
<h4>LynkedUp Pro</h4>
<p>
Designing a SaaS platform that bridges vetted talent and
execution.
</p>
<a href="#" className="ux-link">
Learn Case <img src="assets/images/arrowlearn.svg" alt="" />
</a>
</div>
</div>
<div className="swiper-slide">
<div className="ux-work-card">
<img src="assets/images/foundation.png" className="img-fluid" />
<h4>LynkedUp Foundation</h4>
<p>
Turning a legacy service business into a structured digital lead
engine.
</p>
<a href="#" className="ux-link">
Learn Case <img src="assets/images/arrowlearn.svg" alt="" />
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section className="ux-why-section">
<div className="container">
{/* Heading */}
<div className="displayflexhead" style={{ width: "90%" }}>
<p className="ux-section-label">Why AAideA</p>
<h2 className="ux-main-heading main-headingexit">
AAideA exists for decision-makers who value clarity over noise. We
don't chase trends. We build structured execution.
</h2>
</div>
{/* Content */}
<div className="row align-items-center existpadd">
{/* Image */}
<div className="col-lg-4">
<div className="ux-why-img">
<img src="assets/images/Why AAideA.png" className="img-fluid" />
</div>
</div>
{/* Cards */}
<div className="col-lg-8">
<div className="row g-4">
<div className="col-md-4">
<div className="ux-why-card">
<span className="ux-number">01</span>
<h6>Systems over chaos</h6>
</div>
</div>
<div className="col-md-4">
<div className="ux-why-card">
<span className="ux-number">02</span>
<h6>Taste without ego</h6>
</div>
</div>
<div className="col-md-4">
<div className="ux-why-card">
<span className="ux-number">03</span>
<h6>AI as amplifier</h6>
</div>
</div>
<div className="col-md-4">
<div className="ux-why-card">
<span className="ux-number">04</span>
<h6>Built for operators</h6>
</div>
</div>
<div className="col-md-4">
<div className="ux-why-card">
<span className="ux-number">05</span>
<h6>Structured to scale</h6>
</div>
</div>
<div className="col-md-4">
<div className="ux-why-card">
<span className="ux-number">06</span>
<h6>Designed to endure</h6>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section className="ux-build-section">
<div className="container">
{/* Header */}
<div className="d-flex justify-content-between align-items-center">
<div className="displayflexhead">
<p className="ux-section-label" style={{ color: "white" }}>
What we build.
</p>
<h2 className="ux-main-heading text-white">
We don’t sell services. We build systems that scale.
</h2>
</div>
{/* Arrows */}
<div className="ux-swiper-nav">
{/* Work section arrows — change to work-prev / work-next */}
<div className="ux-arrow build-prev">
<img src="assets/images/arrowpre.png" />
</div>
<div className="ux-arrow build-next">
<img src="assets/images/arrownext.png" />
</div>
</div>
</div>
</div>
{/* Slider */}
<div className="swiper ux-build-swiper">
<div className="swiper-wrapper">
{/* CARD */}
<div className="swiper-slide">
<div className="ux-build-card">
<span>
<img src="assets/images/Websitesdesign.svg" alt="" />
</span>
<h5>Websites &amp; Digital Platforms</h5>
<p>
High-performance marketing sites, SaaS platforms, landing
ecosystems.
</p>
</div>
</div>
<div className="swiper-slide">
<div className="ux-build-card">
<span>
{" "}
<img src="assets/images/brandsystem.svg" alt="" />
</span>
<h5>Brand Systems</h5>
<p>
Identity, structure, messaging architecture, scalable visual
language.
</p>
</div>
</div>
{/* ACTIVE CARD */}
<div className="swiper-slide">
<div className="ux-build-card active">
<span>
{" "}
<img src="assets/images/campaignicon.svg" alt="" />
</span>
<h5>Campaign &amp; Performance Creative</h5>
<p>Conversion-led campaigns across web and social.</p>
</div>
</div>
<div className="swiper-slide">
<div className="ux-build-card">
<span>
{" "}
<img src="assets/images/Motion.svg" alt="" />
</span>
<h5>Motion &amp; Content Systems</h5>
<p>Video, reels, explainers, multi-format content packaging.</p>
</div>
</div>
<div className="swiper-slide">
<div className="ux-build-card">
<span>
{" "}
<img src="assets/images/AI-Accelerated.svg" alt="" />
</span>
<h5>AI-Accelerated Production</h5>
<p>Structured workflows that amplify execution speed.</p>
</div>
</div>
<div className="swiper-slide">
<div className="ux-build-card active">
<span>
{" "}
<img src="assets/images/campaignicon.svg" alt="" />
</span>
<h5>Campaign &amp; Performance Creative</h5>
<p>Conversion-led campaigns across web and social.</p>
</div>
</div>
<div className="swiper-slide">
<div className="ux-build-card">
<span>
<img src="assets/images/Motion.svg" alt="" />
</span>
<h5>Motion &amp; Content Systems</h5>
<p>Video, reels, explainers, multi-format content packaging.</p>
</div>
</div>
<div className="swiper-slide">
<div className="ux-build-card">
<span>
{" "}
<img src="assets/images/AI-Accelerated.svg" alt="" />
</span>
<h5>AI-Accelerated Production</h5>
<p>Structured workflows that amplify execution speed.</p>
</div>
</div>
<div className="swiper-slide">
<div className="ux-build-card active">
<span>
{" "}
<img src="assets/images/campaignicon.svg" alt="" />
</span>
<h5>Campaign &amp; Performance Creative</h5>
<p>Conversion-led campaigns across web and social.</p>
</div>
</div>
<div className="swiper-slide">
<div className="ux-build-card">
<span>
{" "}
<img src="assets/images/Motion.svg" alt="" />
</span>
<h5>Motion &amp; Content Systems</h5>
<p>Video, reels, explainers, multi-format content packaging.</p>
</div>
</div>
<div className="swiper-slide">
<div className="ux-build-card">
<span>
<img src="assets/images/AI-Accelerated.svg" alt="" />
</span>
<h5>AI-Accelerated Production</h5>
<p>Structured workflows that amplify execution speed.</p>
</div>
</div>
</div>
</div>
</section>
<section className="ux-process-section">
<div className="container">
{/* Top Header */}
<div className="d-flex justify-content-between align-items-center mb-5 flex-wrap">
<div className="displayflexhead">
<p className="ux-section-label">Structured execution.</p>
<h2 className="ux-main-heading">
Every project follows the same internal discipline.
</h2>
</div>
<a href="#" className="btn ux-btn-primary">
Explore our Process
<span className="ux-btn-icon">
<img src="assets/images/arrowbuttonwhite.svg" alt="" />
</span>
</a>
</div>
</main>
{/* Steps */}
<div className="row g-4 align-items-stretch">
{/* STEP 1 */}
<div className="col-lg-4 position-relative">
<div className="ux-process-card">
<span className="ux-step">STEP 01</span>
<h4>Absorb</h4>
<p>
We dissect the problem before designing the solution. Positioning.
Constraints.
</p>
<img src="assets/images/Absorbhome.png" className="img-fluid" />
</div>
{/* Arrow */}
<div className="ux-step-arrow d-none d-lg-block">
<img src="assets/images/arrowforward.svg" alt="" />
</div>
</div>
{/* STEP 2 */}
<div className="col-lg-4 position-relative">
<div className="ux-process-card">
<span className="ux-step">STEP 02</span>
<h4>Amplify</h4>
<p>
We build the system. Design language. Digital architecture.
AI-assisted iterations.
</p>
<img src="assets/images/Amplifyhome.png" className="img-fluid" />
</div>
{/* Arrow */}
<div className="ux-step-arrow d-none d-lg-block">
<img src="assets/images/arrowforward.svg" alt="" />
</div>
</div>
{/* STEP 3 */}
<div className="col-lg-4">
<div className="ux-process-card">
<span className="ux-step">STEP 03</span>
<h4>Activate</h4>
<p>
We ship across formats. Web. Campaign. Motion. Content.
Distribution.
</p>
<img src="assets/images/Activatehome.png" className="img-fluid" />
</div>
</div>
</div>
</div>
</section>
{/* TOP CTA */}
<div className="ux-footer-hero">
<div className="container">
<div className="ux-footer-hero-content text-center">
<p className="ux-section-label">AAideA</p>
<h2 className="ux-footer-title">
If the idea is strong, we'll scale it.
</h2>
<div className="ux-hero-actions">
<a href="#" className="btn ux-btn-primary">
Start a Project{" "}
<span className="ux-btn-icon">
<img src="assets/images/arrowbuttonwhite.svg" alt="" />
</span>
</a>
</div>
</div>
</div>
</div>
</>
);
}
app/process/page.tsx
+166
View File
@@ -0,0 +1,166 @@
export default function Process() {
return (
<>
<>
<section className="ux-project-hero">
<div className="container">
{/* center content */}
<div className="ux-project-content text-center">
<h1 className="ux-project-title">Structured Execution.</h1>
<p className="ux-project-subtitle">
Every project follows a disciplined internal model.{" "}
</p>
</div>
</div>
</section>
{/* ===========================
PROCESS STEP CARD
=========================== */}
<section className="ux-process-step-section">
<div className="container">
<div className="ux-process-step-box">
{/* TOP */}
<span className="ux-process-number">01</span>
<h2 className="ux-process-title">Absorb</h2>
<p className="ux-process-subtitle">
Deep dive into research, positioning, clarity.
</p>
{/* CONTENT */}
<div className="ux-process-grid">
{/* IMAGE */}
<div className="ux-process-image">
<img src="assets/images/Absorb.png" alt="" />
</div>
{/* RIGHT TEXT */}
<div className="ux-process-content">
<div className="ux-process-item">
<h4>Research &amp; Discovery</h4>
<p>
We dissect the problem before designing the solution. Market
analysis, competitor mapping, audience profiling, and commercial
constraints all feed into our strategic foundation.
</p>
</div>
<div className="ux-process-item">
<h4>Positioning</h4>
<p>
Clarity beats cleverness. We define the core idea that
everything else extends from—one narrative that survives scale
and translation across every surface.
</p>
</div>
<div className="ux-process-item">
<h4>Strategic Framework</h4>
<p>
Commercial logic. Content architecture. Messaging hierarchy. We
build the invisible structure that makes execution possible.
</p>
</div>
</div>
</div>
</div>
<div className="ux-process-step-box">
{/* TOP */}
<span className="ux-process-number">02</span>
<h2 className="ux-process-title">Amplify</h2>
<p className="ux-process-subtitle">
System building. Design logic. AI acceleration.
</p>
{/* CONTENT */}
<div className="ux-process-grid">
{/* IMAGE */}
<div className="ux-process-image">
<img src="assets/images/Amplify.png" alt="" />
</div>
{/* RIGHT TEXT */}
<div className="ux-process-content">
<div className="ux-process-item">
<h4>Design Systems</h4>
<p>
We don't create isolated deliverables. We build scalable visual
languages—typography, color, components, motion—that maintain
consistency across platforms without creative compromise.{" "}
</p>
</div>
<div className="ux-process-item">
<h4>Digital Architecture</h4>
<p>
Information structure. User flows. Interface logic. Every screen
is intentional. Every interaction is justified.
</p>
</div>
<div className="ux-process-item">
<h4>AI-Assisted Iteration</h4>
<p>
We leverage AI to accelerate production without sacrificing
taste. Rapid variations. Content expansion. Format adaptation.
Speed with structure.
</p>
</div>
</div>
</div>
</div>
<div className="ux-process-step-box">
{/* TOP */}
<span className="ux-process-number">03</span>
<h2 className="ux-process-title">Activate</h2>
<p className="ux-process-subtitle">Deployment across formats.</p>
{/* CONTENT */}
<div className="ux-process-grid">
{/* IMAGE */}
<div className="ux-process-image">
<img src="assets/images/Activate.png" alt="" />
</div>
{/* RIGHT TEXT */}
<div className="ux-process-content">
<div className="ux-process-item">
<h4>Multi-Format Execution</h4>
<p>
Website. Campaign assets. Motion. Content. Social. The core idea
adapts seamlessly to every channel while maintaining structural
integrity.{" "}
</p>
</div>
<div className="ux-process-item">
<h4>Distribution Strategy</h4>
<p>
Launch planning. Platform optimization. Performance tracking. We
ensure the work reaches the right audience with maximum impact.
</p>
</div>
<div className="ux-process-item">
<h4>Ongoing Refinement</h4>
<p>
Digital isn't static. We monitor, iterate, and optimize based on
real-world performance—refining without rebuilding from scratch.{" "}
</p>
</div>
</div>
</div>
</div>
</div>
</section>
{/* TOP CTA */}
<div className="ux-footer-hero">
<div className="container">
<div className="ux-footer-hero-content text-center">
<p className="ux-section-label">AAideA</p>
<h2 className="ux-footer-title">
If the idea is strong, we'll scale it.
</h2>
<div className="ux-hero-actions">
<a href="#" className="btn ux-btn-primary">
Start a Project{" "}
<span className="ux-btn-icon">
<img src="assets/images/arrowbuttonwhite.svg" alt="" />
</span>
</a>
</div>
</div>
</div>
</div>
</>
</>
);
}
app/services/page.tsx
+196
View File
@@ -0,0 +1,196 @@
import Link from "next/link";
export default function Services() {
return (
<>
<section className="ux-project-hero">
<div className="container">
{/* center content */}
<div className="ux-project-content text-center">
<h1 className="ux-project-title">
We Don't Offer Services. <br />
We Build Systems.
</h1>
<p className="ux-project-subtitle">
Each vertical is designed to scale brands, revenue, and operations —{" "}
<br />
not just deliver assets.
</p>
</div>
<div className="ux-hero-actions">
<a href="#" className="btn ux-btn-primary">
View Digital Platforms
<span className="ux-btn-icon">
<img src="assets/images/arrowbuttonwhite.svg" alt="" />
</span>
</a>
<a href="#" className="btn ux-btn-secondary">
Explore Brand Systems →
</a>
</div>
</div>
</section>
<section className="systems-section">
<div className="container systems-wrapper">
{/* LEFT (STICKY) */}
<div className="systems-left">
<p className="small-label">Systems We Build</p>
<h2>Engineered for measurable growth.</h2>
<p className="desc">
We don’t just deliver assets. We build interlocked systems designed to
scale your operations and revenue.
</p>
</div>
{/* RIGHT (CARDS) */}
<div className="systems-right">
{/* CARD 1 */}
<div className="system-card light">
<img src="assets/images/Digital.svg" alt="" />
<h4>Digital Platforms &amp; Experience Architecture</h4>
<p>
We design and build high-performance digital platforms structured
for conversion, scale, and integration.
</p>
<span>Includes:</span>
<ul>
<li>UX architecture</li>
<li>Scalable CMS builds</li>
<li>SaaS integrations</li>
<li>Conversion systems</li>
</ul>
<Link href="/digital_platform">
View Digital Platforms →
</Link>
</div>
{/* CARD 2 (DARK) */}
<div className="system-card dark">
<img src="assets/images/Brand.svg" alt="" />
<h4>Brand Architecture &amp; Identity Systems</h4>
<p>
We design brands as structured systems — from positioning to
scalable visual identity.
</p>
<span>Includes:</span>
<ul>
<li>Positioning</li>
<li>Messaging frameworks</li>
<li>Identity design</li>
<li>Brand guidelines</li>
</ul>
<Link href="/brand_architecture">
Explore Brand Systems →
</Link>
</div>
{/* CARD 3 */}
<div className="system-card light">
<img src="assets/images/Campaign.svg" alt="" />
<h4>Campaign Strategy &amp; Performance Systems</h4>
<p>Campaign thinking engineered for measurable growth, not noise.</p>
<span>Includes:</span>
<ul>
<li>Campaign architecture</li>
<li>Creative direction</li>
<li>Performance funnel systems</li>
<li>Paid creative frameworks</li>
</ul>
<Link href="/campaign_strategy">View Platform Systems →</Link>
</div>
{/* CARD 4 (DARK) */}
<div className="system-card dark">
<img src="assets/images/Content.svg" alt="" />
<h4>Content, Motion &amp; Story Systems</h4>
<p>
Narrative-driven content structured to build consistency and
velocity.
</p>
<span>Includes:</span>
<ul>
<li>Video systems</li>
<li>Motion design</li>
<li>Social content engines</li>
<li>Editorial frameworks</li>
</ul>
<Link href="/content_motion">View Platform Systems →</Link>
</div>
{/* CARD 5 (GREEN) */}
<div className="system-card highlight">
<img src="assets/images/AI-Powered.svg" alt="" />
<h4>AI-Powered Production &amp; Automation</h4>
<p>
We integrate intelligent workflows to increase speed, scale, and
precision.
</p>
<span>Includes:</span>
<ul>
<li>Automation frameworks</li>
<li>AI-assisted production</li>
<li>Workflow optimization</li>
<li>Toolchain integration</li>
</ul>
<Link href="/ai_powered">View Platform Systems →</Link>
</div>
</div>
</div>
</section>
<section className="connect-section">
<div className="container">
{/* HEADING */}
<h2>How Everything Connects</h2>
<p className="subtitle">
We design and build high-performance digital platforms structured for
conversion, scale, and integration.
</p>
{/* FLOW */}
<div className="connect-flow">
<div className="flow-item">
<div className="icon">
<img src="assets/images/Brand1.png" alt="" />
</div>
<span>Brand</span>
</div>
<div className="arrow">
<img src="assets/images/Everything.svg" alt="" />
</div>
<div className="flow-item">
<div className="icon">
<img src="assets/images/Platform.svg" alt="" />
</div>
<span>Platform</span>
</div>
<div className="arrow">
<img src="assets/images/Everything.svg" alt="" />
</div>
<div className="flow-item">
<div className="icon">
<img src="assets/images/Campaign1.svg" alt="" />
</div>
<span>Campaign</span>
</div>
<div className="arrow">
<img src="assets/images/Everything.svg" alt="" />
</div>
<div className="flow-item">
<div className="icon">
<img src="assets/images/content1.svg" alt="" />
</div>
<span>Content</span>
</div>
<div className="arrow">
<img src="assets/images/Everything.svg" alt="" />
</div>
<div className="flow-item">
<div className="icon">
<img src="assets/images/Automation.png" alt="" />
</div>
<span>Automation</span>
</div>
</div>
{/* BOTTOM TEXT */}
<p className="bottom-text">
Our systems are designed to interlock. Each strengthens the next.
</p>
</div>
</section>
</>
);
}
app/start_project/page.tsx
+264
View File
@@ -0,0 +1,264 @@
'use client';
import { useState } from "react";
import toast from "react-hot-toast";
export default function Start() {
const [form, setForm] = useState({
name: "",
company: "",
website: "",
project_type: "",
budget: "",
timeline: "",
description: ""
});
const [loading, setLoading] = useState(false);
const handleChange = (e: any) => {
setForm({ ...form, [e.target.name]: e.target.value });
};
const handleSubmit = async (e: any) => {
e.preventDefault();
setLoading(true);
try {
const res = await fetch("/api/submit", {
method: "POST",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify(form),
});
const data = await res.json();
console.log(data);
toast.success("Form Submitted Successfully 🚀");
setForm({
name: "",
company: "",
website: "",
project_type: "",
budget: "",
timeline: "",
description: ""
});
} catch (err) {
console.error(err);
toast.error("Something went wrong ❌");
}
setLoading(false);
};
return (
<>
<section className="ux-project-hero">
<div className="container">
{/* center content */}
<div className="ux-project-content text-center">
<h1 className="ux-project-title">Start A Project</h1>
<p className="ux-project-subtitle">
Tell us what you're building. We'll structure the rest.
</p>
</div>
{/* joined users */}
<div className="ux-joined-box">
<div className="ux-avatar-group">
<img src="assets/images/user1.png" alt="" />
<img src="assets/images/user2.png" alt="" />
<img src="assets/images/user3.png" alt="" />
</div>
<p>
100+ people already joined
<br />
the AAideA
</p>
</div>
</div>
</section>
{/* ===========================
CONTACT FORM SECTION
=========================== */}
<section className="ux-contact-section">
<div className="container">
<div className="row g-4">
{/* LEFT INFO */}
<div className="col-lg-4">
<div className="ux-contact-left">
<a href="tel:+1236662343" className="ux-contact-link">
(123) 666-2343
</a>
<a href="mailto:hello@ovela.com" className="ux-contact-email">
hello@ovela.com
</a>
<div className="ux-social-list">
<a href="#">
Twitter <img src="assets/images/witterarrow.svg" alt="" />
</a>
<a href="#">
Facebook <img src="assets/images/witterarrow.svg" alt="" />
</a>
<a href="#">
Instagram <img src="assets/images/witterarrow.svg" alt="" />
</a>
<a href="#">
Linkedin <img src="assets/images/witterarrow.svg" alt="" />
</a>
<a href="#">
Youtube <img src="assets/images/witterarrow.svg" alt="" />
</a>
</div>
</div>
</div>
{/* RIGHT FORM */}
<div className="col-lg-8">
<div className="ux-contact-box">
<p className="ux-contact-mini">Let's Build it Properly.</p>
<h2 className="ux-contact-title">
Tell us what you're building. We'll structure the rest.
</h2>
<form onSubmit={handleSubmit}>
<div className="row g-4">
{/* Name */}
<div className="col-md-6">
<label>Name</label>
<input
name="name"
value={form.name}
onChange={handleChange}
type="text"
className="form-control ux-input active"
placeholder="John"
required
/>
</div>
{/* Company */}
<div className="col-md-6">
<label>Company Name</label>
<input
name="company"
value={form.company}
onChange={handleChange}
type="text"
className="form-control ux-input"
placeholder="enter name"
/>
</div>
{/* Website */}
<div className="col-md-6">
<label>Website</label>
<input
name="website"
value={form.website}
onChange={handleChange}
type="text"
className="form-control ux-input"
placeholder="enter website"
/>
</div>
{/* Project Type */}
<div className="col-md-6">
<label>Project Type</label>
<select
name="project_type"
value={form.project_type}
onChange={handleChange}
className="form-select ux-input"
>
<option value="">select type</option>
<option value="Web App">Web App</option>
<option value="Mobile App">Mobile App</option>
</select>
</div>
{/* Budget */}
<div className="col-md-6">
<label>Budget Range</label>
<select
name="budget"
value={form.budget}
onChange={handleChange}
className="form-select ux-input"
>
<option value="">select range</option>
<option value="$10K - $25K">$10K - $25K</option>
<option value="$25K+">$25K+</option>
</select>
</div>
{/* Timeline */}
<div className="col-md-6">
<label>Timeline</label>
<input
name="timeline"
value={form.timeline}
onChange={handleChange}
type="text"
className="form-control ux-input"
placeholder="estimated weeks"
/>
</div>
{/* Description */}
<div className="col-12">
<label>Brief Description</label>
<textarea
name="description"
value={form.description}
onChange={handleChange}
className="form-control ux-textarea"
rows={6}
placeholder="What are we building?"
/>
</div>
{/* Submit */}
<div className="col-12 text-end">
<button type="submit" className="ux-btn-primary" disabled={loading}>
{loading ? "Submitting..." : "Start a Project"}
<span className="ux-btn-icon">
<img src="assets/images/arrowbuttonwhite.svg" alt="" />
</span>
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
{/* TOP CTA */}
<div className="ux-footer-hero">
<div className="container">
<div className="ux-footer-hero-content text-center">
<p className="ux-section-label">AAideA</p>
<h2 className="ux-footer-title">
If the idea is strong, we'll scale it.
</h2>
<div className="ux-hero-actions">
<a href="#" className="btn ux-btn-primary">
Start a Project{" "}
<span className="ux-btn-icon">
<img src="assets/images/arrowbuttonwhite.svg" alt="" />
</span>
</a>
</div>
</div>
</div>
</div>
</>
);
}
app/work/page.tsx
+231
View File
@@ -0,0 +1,231 @@
export default function WorkPage() {
return (
<>
<section className="ux-project-hero">
<div className="container">
{/* center content */}
<div className="ux-project-content text-center">
<h1 className="ux-project-title">Work</h1>
<p className="ux-project-subtitle">
Each project begins with one idea. Everything else extends from it.
</p>
</div>
{/* joined users */}
<div className="ux-joined-box">
<div className="ux-avatar-group">
<img src="assets/images/user1.png" alt="" />
<img src="assets/images/user2.png" alt="" />
<img src="assets/images/user3.png" alt="" />
</div>
<p>
100+ people already joined
<br />
the AAideA
</p>
</div>
</div>
</section>
{/* ===========================
CASE STUDY ACCORDION
=========================== */}
<section className="ux-case-section">
<div className="container">
<div className="accordion ux-case-accordion" id="uxCaseAccordion">
{/* ITEM 1 */}
<div className="accordion-item ux-case-item">
<h2 className="accordion-header">
<button
className="accordion-button collapsed ux-case-btn"
type="button"
data-bs-toggle="collapse"
data-bs-target="#caseOne"
>
<div className="ux-case-head">
<h3>HVAC</h3>
<p>
Idea: Modernize a legacy service brand into a digital-first
lead engine.
</p>
</div>
<div className="ux-case-right">
<span>
Full Case <img src="assets/images/fullcasearrow.svg" alt="" />
</span>
</div>
</button>
</h2>
<div
id="caseOne"
className="accordion-collapse collapse"
data-bs-parent="#uxCaseAccordion"
>
<div className="accordion-body ux-case-body">
<div className="ux-case-inner">
<img src="assets/images/AchievAR.png" className="ux-case-img" />
<div className="ux-case-grid">
<div>
<small>Component</small>
<strong>Brand Identity</strong>
</div>
<div>
<small>Component</small>
<strong>Website</strong>
</div>
<div>
<small>Component</small>
<strong>Pitch System</strong>
</div>
<div>
<small>Component</small>
<strong>Content Deck</strong>
</div>
<div>
<small>Component</small>
<strong>Demo Motion</strong>
</div>
</div>
</div>
</div>
</div>
</div>
{/* ITEM 2 OPEN */}
<div className="accordion-item ux-case-item">
<h2 className="accordion-header">
<button
className="accordion-button ux-case-btn"
type="button"
data-bs-toggle="collapse"
data-bs-target="#caseTwo"
>
<div className="ux-case-head">
<h3>AchievAR</h3>
<p>
Idea: Position immersive learning as structured transformation
— not novelty tech.
</p>
</div>
<div className="ux-case-right">
<span>
Full Case <img src="assets/images/fullcasearrow.svg" alt="" />
</span>
</div>
</button>
</h2>
<div
id="caseTwo"
className="accordion-collapse collapse show"
data-bs-parent="#uxCaseAccordion"
>
<div className="accordion-body ux-case-body">
<div className="ux-case-inner">
<img src="assets/images/AchievAR.png" className="ux-case-img" />
<div className="ux-case-grid">
<div>
<small>Component</small>
<strong>Brand Identity</strong>
</div>
<div>
<small>Component</small>
<strong>Website</strong>
</div>
<div>
<small>Component</small>
<strong>Pitch System</strong>
</div>
<div>
<small>Component</small>
<strong>Content Deck</strong>
</div>
<div>
<small>Component</small>
<strong>Demo Motion</strong>
</div>
</div>
</div>
</div>
</div>
</div>
{/* ITEM 3 */}
<div className="accordion-item ux-case-item">
<h2 className="accordion-header">
<button
className="accordion-button collapsed ux-case-btn"
type="button"
data-bs-toggle="collapse"
data-bs-target="#caseThree"
>
<div className="ux-case-head">
<h3>LynkedUp Pro</h3>
<p>
Idea: Design a verified talent ecosystem that balances trust
with scale.
</p>
</div>
<div className="ux-case-right">
<span>
Full Case <img src="assets/images/fullcasearrow.svg" alt="" />
</span>
</div>
</button>
</h2>
<div
id="caseThree"
className="accordion-collapse collapse"
data-bs-parent="#uxCaseAccordion"
>
<div className="accordion-body ux-case-body">
<div className="ux-case-inner">
<img src="assets/images/AchievAR.png" className="ux-case-img" />
<div className="ux-case-grid">
<div>
<small>Component</small>
<strong>Brand Identity</strong>
</div>
<div>
<small>Component</small>
<strong>Website</strong>
</div>
<div>
<small>Component</small>
<strong>Pitch System</strong>
</div>
<div>
<small>Component</small>
<strong>Content Deck</strong>
</div>
<div>
<small>Component</small>
<strong>Demo Motion</strong>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
{/* TOP CTA */}
<div className="ux-footer-hero">
<div className="container">
<div className="ux-footer-hero-content text-center">
<p className="ux-section-label">AAideA</p>
<h2 className="ux-footer-title">
If the idea is strong, we'll scale it.
</h2>
<div className="ux-hero-actions">
<a href="#" className="btn ux-btn-primary">
Start a Project{" "}
<span className="ux-btn-icon">
<img src="assets/images/arrowbuttonwhite.svg" alt="" />
</span>
</a>
</div>
</div>
</div>
</div>
</>
);
}
package-lock.json
Generated
+109 -2
View File
@@ -8,9 +8,13 @@
"name": "mera-project",
"version": "0.1.0",
"dependencies": {
"aos": "^2.3.4",
"bootstrap": "^5.3.8",
"next": "16.2.4",
"react": "19.2.4",
"react-dom": "19.2.4"
"react-dom": "19.2.4",
"react-hot-toast": "^2.6.0",
"swiper": "^12.1.4"
},
"devDependencies": {
"@tailwindcss/postcss": "^4",
@@ -1240,6 +1244,17 @@
"node": ">=12.4.0"
}
},
"node_modules/@popperjs/core": {
"version": "2.11.8",
"resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
"integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
"license": "MIT",
"peer": true,
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/popperjs"
}
},
"node_modules/@rtsao/scc": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/@rtsao/scc/-/scc-1.1.0.tgz",
@@ -2209,6 +2224,17 @@
"url": "https://github.com/chalk/ansi-styles?sponsor=1"
}
},
"node_modules/aos": {
"version": "2.3.4",
"resolved": "https://registry.npmjs.org/aos/-/aos-2.3.4.tgz",
"integrity": "sha512-zh/ahtR2yME4I51z8IttIt4lC1Nw0ktsFtmeDzID1m9naJnWXhCoARaCgNOGXb5CLy3zm+wqmRAEgMYB5E2HUw==",
"license": "MIT",
"dependencies": {
"classlist-polyfill": "^1.0.3",
"lodash.debounce": "^4.0.6",
"lodash.throttle": "^4.0.1"
}
},
"node_modules/argparse": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
@@ -2458,6 +2484,25 @@
"node": ">=6.0.0"
}
},
"node_modules/bootstrap": {
"version": "5.3.8",
"resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.3.8.tgz",
"integrity": "sha512-HP1SZDqaLDPwsNiqRqi5NcP0SSXciX2s9E+RyqJIIqGo+vJeN5AJVM98CXmW/Wux0nQ5L7jeWUdplCEf0Ee+tg==",
"funding": [
{
"type": "github",
"url": "https://github.com/sponsors/twbs"
},
{
"type": "opencollective",
"url": "https://opencollective.com/bootstrap"
}
],
"license": "MIT",
"peerDependencies": {
"@popperjs/core": "^2.11.8"
}
},
"node_modules/brace-expansion": {
"version": "1.1.14",
"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.14.tgz",
@@ -2613,6 +2658,12 @@
"url": "https://github.com/chalk/chalk?sponsor=1"
}
},
"node_modules/classlist-polyfill": {
"version": "1.2.0",
"resolved": "https://registry.npmjs.org/classlist-polyfill/-/classlist-polyfill-1.2.0.tgz",
"integrity": "sha512-GzIjNdcEtH4ieA2S8NmrSxv7DfEV5fmixQeyTmqmRmRJPGpRBaSnA2a0VrCjyT8iW8JjEdMbKzDotAJf+ajgaQ==",
"license": "Unlicense"
},
"node_modules/client-only": {
"version": "0.0.1",
"resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
@@ -2672,7 +2723,6 @@
"version": "3.2.3",
"resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
"integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
"dev": true,
"license": "MIT"
},
"node_modules/damerau-levenshtein": {
@@ -3784,6 +3834,15 @@
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/goober": {
"version": "2.1.18",
"resolved": "https://registry.npmjs.org/goober/-/goober-2.1.18.tgz",
"integrity": "sha512-2vFqsaDVIT9Gz7N6kAL++pLpp41l3PfDuusHcjnGLfR6+huZkl6ziX+zgVC3ZxpqWhzH6pyDdGrCeDhMIvwaxw==",
"license": "MIT",
"peerDependencies": {
"csstype": "^3.0.10"
}
},
"node_modules/gopd": {
"version": "1.2.0",
"resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
@@ -4828,6 +4887,12 @@
"url": "https://github.com/sponsors/sindresorhus"
}
},
"node_modules/lodash.debounce": {
"version": "4.0.8",
"resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
"integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==",
"license": "MIT"
},
"node_modules/lodash.merge": {
"version": "4.6.2",
"resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
@@ -4835,6 +4900,12 @@
"dev": true,
"license": "MIT"
},
"node_modules/lodash.throttle": {
"version": "4.1.1",
"resolved": "https://registry.npmjs.org/lodash.throttle/-/lodash.throttle-4.1.1.tgz",
"integrity": "sha512-wIkUCfVKpVsWo3JSZlc+8MB5it+2AN5W8J7YVMST30UrvcQNZ1Okbj+rbVniijTWE6FGYy4XJq/rHkas8qJMLQ==",
"license": "MIT"
},
"node_modules/loose-envify": {
"version": "1.4.0",
"resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
@@ -5443,6 +5514,23 @@
"react": "^19.2.4"
}
},
"node_modules/react-hot-toast": {
"version": "2.6.0",
"resolved": "https://registry.npmjs.org/react-hot-toast/-/react-hot-toast-2.6.0.tgz",
"integrity": "sha512-bH+2EBMZ4sdyou/DPrfgIouFpcRLCJ+HoCA32UoAYHn6T3Ur5yfcDCeSr5mwldl6pFOsiocmrXMuoCJ1vV8bWg==",
"license": "MIT",
"dependencies": {
"csstype": "^3.1.3",
"goober": "^2.1.16"
},
"engines": {
"node": ">=10"
},
"peerDependencies": {
"react": ">=16",
"react-dom": ">=16"
}
},
"node_modules/react-is": {
"version": "16.13.1",
"resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
@@ -6065,6 +6153,25 @@
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/swiper": {
"version": "12.1.4",
"resolved": "https://registry.npmjs.org/swiper/-/swiper-12.1.4.tgz",
"integrity": "sha512-bihiwoKMOQwW8FfdUbo1DgkVH25E+4ZELIq0oopL1KTKBteLuaTMi/wwFjMxtlhTkk45k3XQ89D1Fvv0spSqBA==",
"funding": [
{
"type": "custom",
"url": "https://sponsors.nolimits4web.com"
},
{
"type": "github",
"url": "https://github.com/sponsors/nolimits4web"
}
],
"license": "MIT",
"engines": {
"node": ">= 4.7.0"
}
},
"node_modules/tailwindcss": {
"version": "4.2.4",
"resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.2.4.tgz",
package.json
+5 -1
View File
@@ -9,9 +9,13 @@
"lint": "eslint"
},
"dependencies": {
"aos": "^2.3.4",
"bootstrap": "^5.3.8",
"next": "16.2.4",
"react": "19.2.4",
"react-dom": "19.2.4"
"react-dom": "19.2.4",
"react-hot-toast": "^2.6.0",
"swiper": "^12.1.4"
},
"devDependencies": {
"@tailwindcss/postcss": "^4",
public/assets/css/style.css
+1817
View File
File diff suppressed because it is too large Load Diff
public/assets/images/AI-Accelerated.svg
+15
View File
@@ -0,0 +1,15 @@
<svg width="76" height="76" viewBox="0 0 76 76" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.5" width="74.6908" height="74.6908" rx="9.5" fill="#111616" fill-opacity="0.69" stroke="url(#paint0_linear_70_1101)"/>
<path d="M28.2127 37.3122H23.3965C22.4632 37.3122 21.7065 38.0688 21.7065 39.0021V47.6207M47.3933 37.3122H52.2941C53.2274 37.3122 53.984 38.0688 53.984 39.0021V47.6207M37.8452 27.0459V32.7916M37.8452 41.9171V47.6629" stroke="white" stroke-width="2.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M46.3118 41.6645H29.3769C28.8734 41.6645 28.4653 41.2564 28.4653 40.7529V33.9574C28.4653 33.454 28.8734 33.0459 29.3769 33.0459H46.3118C46.8152 33.0459 47.2233 33.454 47.2233 33.9574V40.7529C47.2233 41.2563 46.8152 41.6645 46.3118 41.6645Z" stroke="#BCEA3E" stroke-width="2.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M37.8444 56.3246C40.1777 56.3246 42.0692 54.4331 42.0692 52.0998C42.0692 49.7665 40.1777 47.875 37.8444 47.875C35.5111 47.875 33.6196 49.7665 33.6196 52.0998C33.6196 54.4331 35.5111 56.3246 37.8444 56.3246Z" stroke="#BCEA3E" stroke-width="2.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M37.8444 26.7943C40.1777 26.7943 42.0692 24.9028 42.0692 22.5695C42.0692 20.2362 40.1777 18.3447 37.8444 18.3447C35.5111 18.3447 33.6196 20.2362 33.6196 22.5695C33.6196 24.9028 35.5111 26.7943 37.8444 26.7943Z" stroke="#BCEA3E" stroke-width="2.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M21.7058 56.3246C24.039 56.3246 25.9306 54.4331 25.9306 52.0998C25.9306 49.7665 24.039 47.875 21.7058 47.875C19.3725 47.875 17.481 49.7665 17.481 52.0998C17.481 54.4331 19.3725 56.3246 21.7058 56.3246Z" stroke="#BCEA3E" stroke-width="2.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M53.9831 56.3246C56.3164 56.3246 58.2079 54.4331 58.2079 52.0998C58.2079 49.7665 56.3164 47.875 53.9831 47.875C51.6498 47.875 49.7583 49.7665 49.7583 52.0998C49.7583 54.4331 51.6498 56.3246 53.9831 56.3246Z" stroke="#BCEA3E" stroke-width="2.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<defs>
<linearGradient id="paint0_linear_70_1101" x1="0" y1="0" x2="59.1158" y2="82.7629" gradientUnits="userSpaceOnUse">
<stop stop-color="#BCEA3E"/>
<stop offset="1" stop-color="#111616"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

public/assets/images/AI-Powered.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 12C0 5.37258 5.37258 0 12 0H36C42.6274 0 48 5.37258 48 12V36C48 42.6274 42.6274 48 36 48H12C5.37258 48 0 42.6274 0 36V12Z" fill="black" fill-opacity="0.1"/>
<path d="M14.6667 26.3331C14.446 26.3339 14.2295 26.272 14.0425 26.1546C13.8555 26.0372 13.7057 25.8692 13.6104 25.67C13.5151 25.4709 13.4782 25.2488 13.5042 25.0296C13.5301 24.8103 13.6176 24.6029 13.7567 24.4314L25.3067 12.5314C25.3934 12.4314 25.5114 12.3639 25.6416 12.3398C25.7717 12.3157 25.9061 12.3366 26.0228 12.399C26.1394 12.4614 26.2314 12.5617 26.2836 12.6832C26.3358 12.8048 26.3452 12.9405 26.3101 13.0681L24.0701 20.0914C24.004 20.2682 23.9818 20.4584 24.0054 20.6456C24.029 20.8329 24.0977 21.0116 24.2055 21.1664C24.3133 21.3213 24.4571 21.4477 24.6246 21.5348C24.792 21.6219 24.978 21.6671 25.1667 21.6664H33.3334C33.5542 21.6657 33.7706 21.7276 33.9576 21.845C34.1446 21.9623 34.2945 22.1304 34.3898 22.3295C34.4851 22.5287 34.5219 22.7508 34.496 22.97C34.4701 23.1893 34.3825 23.3967 34.2434 23.5681L22.6934 35.4681C22.6068 35.5681 22.4887 35.6357 22.3586 35.6598C22.2285 35.6838 22.0941 35.6629 21.9774 35.6005C21.8607 35.5381 21.7687 35.4379 21.7165 35.3163C21.6643 35.1947 21.655 35.059 21.6901 34.9314L23.9301 27.9081C23.9961 27.7313 24.0183 27.5412 23.9947 27.3539C23.9711 27.1667 23.9025 26.988 23.7946 26.8331C23.6868 26.6782 23.543 26.5518 23.3756 26.4648C23.2082 26.3777 23.0221 26.3325 22.8334 26.3331H14.6667Z" stroke="black" stroke-width="2.33333" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

public/assets/images/Absorb.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 315 KiB

public/assets/images/Absorbhome.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 154 KiB

public/assets/images/AchievAR.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 155 KiB

public/assets/images/AchievAR1.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 245 KiB

public/assets/images/Activate.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 264 KiB

public/assets/images/Activatehome.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 144 KiB

public/assets/images/Amplify.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 279 KiB

public/assets/images/Amplifyhome.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 142 KiB

public/assets/images/Architecture.svg
+10
View File
@@ -0,0 +1,10 @@
<svg width="41" height="33" viewBox="0 0 41 33" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_41_887)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.5318 1.58238C16.1381 1.85606 15.045 3.0267 14.7965 4.51181C14.7508 4.78464 14.728 4.80164 14.0398 5.07524C9.18415 7.00575 5.3389 11.2391 3.83372 16.3112C3.29998 18.1099 3.1374 19.589 3.13602 22.6577L3.1351 24.7736L2.63445 25.0324C1.40448 25.6685 0.658848 27.1634 0.886438 28.537C1.13072 30.0111 2.23082 31.1552 3.66583 31.4273C4.23857 31.5359 36.8097 31.5359 37.3825 31.4273C38.8175 31.1552 39.9176 30.0111 40.1619 28.537C40.3895 27.1634 39.6438 25.6685 38.4139 25.0324L37.9132 24.7736L37.9123 22.6577C37.9113 20.3164 37.8373 19.1924 37.6007 17.9259C36.841 13.8591 34.5203 10.0833 31.1804 7.48009C29.992 6.5538 28.3572 5.61144 27.0085 5.07524C26.3203 4.80164 26.2975 4.78464 26.2518 4.51181C25.9979 2.99431 24.911 1.85352 23.4563 1.57769C22.9579 1.48313 18.0171 1.48705 17.5318 1.58238ZM23.3729 3.96222C23.5685 4.06194 23.7319 4.22536 23.8316 4.42086C23.9829 4.71747 23.9865 4.86296 23.9865 10.732C23.9865 16.601 23.99 16.7465 24.1413 17.0431C24.3155 17.3845 24.7588 17.6566 25.1406 17.6566C25.5223 17.6566 25.9656 17.3845 26.1398 17.0431C26.2901 16.7486 26.2947 16.5981 26.2947 12.0088V7.27812L26.7371 7.47186C26.9804 7.57842 27.4997 7.84486 27.8912 8.06391L28.6028 8.46223L28.6029 11.4467C28.6029 14.286 28.6104 14.446 28.7578 14.7349C28.932 15.0763 29.3752 15.3484 29.757 15.3484C30.1388 15.3484 30.582 15.0763 30.7562 14.7349C30.9 14.453 30.9111 14.284 30.9111 12.3729V10.3146L31.3048 10.6964C32.1936 11.5584 33.3775 13.2119 34.0218 14.4913C34.426 15.2939 34.9589 16.7542 35.184 17.6763C35.4993 18.9674 35.6045 20.17 35.6045 22.4841V24.5812H20.5242H5.44385V22.4841C5.44385 20.17 5.54902 18.9674 5.86432 17.6763C6.08945 16.7542 6.62234 15.2939 7.02651 14.4913C7.67081 13.2119 8.85469 11.5584 9.7435 10.6964L10.1372 10.3146V12.3729C10.1372 14.284 10.1483 14.453 10.2921 14.7349C10.4663 15.0763 10.9095 15.3484 11.2913 15.3484C11.6731 15.3484 12.1163 15.0763 12.2905 14.7349C12.4379 14.446 12.4454 14.286 12.4454 11.4467L12.4455 8.46223L13.1571 8.06391C13.5486 7.84486 14.0679 7.57842 14.3112 7.47186L14.7536 7.27812V12.0088C14.7536 16.5981 14.7582 16.7486 14.9085 17.0431C15.0827 17.3845 15.526 17.6566 15.9077 17.6566C16.2895 17.6566 16.7328 17.3845 16.907 17.0431C17.0583 16.7465 17.0618 16.601 17.0618 10.732C17.0618 4.86535 17.0655 4.71739 17.2166 4.42117C17.3111 4.23582 17.4832 4.05886 17.659 3.96599C17.9283 3.82381 18.11 3.81396 20.508 3.81073C22.9269 3.8075 23.0862 3.81596 23.3729 3.96222ZM37.2991 27.0443C37.6405 27.2185 37.9127 27.6618 37.9127 28.0435C37.9127 28.4253 37.6405 28.8686 37.2991 29.0428C36.9976 29.1966 36.8804 29.1977 20.5242 29.1977C4.16794 29.1977 4.05069 29.1966 3.74916 29.0428C3.40777 28.8686 3.13563 28.4253 3.13563 28.0435C3.13563 27.6735 3.40793 27.2196 3.73277 27.0481C4.01653 26.8983 4.24458 26.8962 20.508 26.8928C36.8838 26.8894 36.9975 26.8905 37.2991 27.0443Z" fill="#C1B7B7"/>
</g>
<defs>
<clipPath id="clip0_41_887">
<rect width="41" height="33" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

public/assets/images/Automation.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 836 B

public/assets/images/Brand.svg
+29
View File
@@ -0,0 +1,29 @@
<svg width="54" height="54" viewBox="0 0 54 54" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="3" y="2" width="48" height="48" rx="12" fill="white" fill-opacity="0.1"/>
<g filter="url(#filter0_dd_1_2153)">
<rect x="3" y="2" width="48" height="48" rx="12" fill="white" fill-opacity="0.01" shape-rendering="crispEdges"/>
</g>
<path d="M23.5 15.5H17.6667C17.0223 15.5 16.5 16.0223 16.5 16.6667V22.5C16.5 23.1443 17.0223 23.6667 17.6667 23.6667H23.5C24.1443 23.6667 24.6667 23.1443 24.6667 22.5V16.6667C24.6667 16.0223 24.1443 15.5 23.5 15.5Z" stroke="#C4F022" stroke-width="2.33333" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M36.334 15.5H30.5007C29.8563 15.5 29.334 16.0223 29.334 16.6667V22.5C29.334 23.1443 29.8563 23.6667 30.5007 23.6667H36.334C36.9783 23.6667 37.5007 23.1443 37.5007 22.5V16.6667C37.5007 16.0223 36.9783 15.5 36.334 15.5Z" stroke="#C4F022" stroke-width="2.33333" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M36.334 28.3335H30.5007C29.8563 28.3335 29.334 28.8558 29.334 29.5002V35.3335C29.334 35.9778 29.8563 36.5002 30.5007 36.5002H36.334C36.9783 36.5002 37.5007 35.9778 37.5007 35.3335V29.5002C37.5007 28.8558 36.9783 28.3335 36.334 28.3335Z" stroke="#C4F022" stroke-width="2.33333" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M23.5 28.3333H17.6667C17.0223 28.3333 16.5 28.8556 16.5 29.4999V35.3333C16.5 35.9776 17.0223 36.4999 17.6667 36.4999H23.5C24.1443 36.4999 24.6667 35.9776 24.6667 35.3333V29.4999C24.6667 28.8556 24.1443 28.3333 23.5 28.3333Z" stroke="#C4F022" stroke-width="2.33333" stroke-linecap="round" stroke-linejoin="round"/>
<defs>
<filter id="filter0_dd_1_2153" x="0" y="0" width="54" height="54" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feMorphology radius="1" operator="erode" in="SourceAlpha" result="effect1_dropShadow_1_2153"/>
<feOffset dy="1"/>
<feGaussianBlur stdDeviation="1"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_2153"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="1"/>
<feGaussianBlur stdDeviation="1.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="effect1_dropShadow_1_2153" result="effect2_dropShadow_1_2153"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_1_2153" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

public/assets/images/Brand1.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 600 B

public/assets/images/Brand1.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.8154 10.4211C13.7049 10.4211 13.6154 10.3316 13.6154 10.2211V2.60383C13.6154 2.41125 13.3699 2.32994 13.2549 2.48445L5.59411 12.7804C5.34868 13.1103 5.58411 13.5789 5.99525 13.5789H10.1846C10.2951 13.5789 10.3846 13.6684 10.3846 13.7789V21.3962C10.3846 21.5888 10.6301 21.6701 10.7451 21.5156L18.4059 11.2196C18.6513 10.8897 18.4159 10.4211 18.0047 10.4211H13.8154Z" stroke="#BCEA3E" stroke-width="1.5"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 521 B

public/assets/images/BrandsBuilt.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 125 KiB

public/assets/images/Built.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17 21.2505C19.3472 21.2505 21.25 19.3477 21.25 17.0005C21.25 14.6533 19.3472 12.7505 17 12.7505C14.6528 12.7505 12.75 14.6533 12.75 17.0005C12.75 19.3477 14.6528 21.2505 17 21.2505Z" stroke="#C1B7B7" stroke-width="2.14119" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M2.83398 18.2464V15.753C2.83398 14.2797 4.03815 13.0614 5.52565 13.0614C8.08982 13.0614 9.13815 11.248 7.84898 9.02387C7.11232 7.74887 7.55148 6.09137 8.84065 5.35471L11.2915 3.95221C12.4106 3.28637 13.8556 3.68304 14.5215 4.80221L14.6773 5.07137C15.9523 7.29554 18.049 7.29554 19.3381 5.07137L19.494 4.80221C20.1598 3.68304 21.6048 3.28637 22.724 3.95221L25.1748 5.35471C26.464 6.09137 26.9031 7.74887 26.1665 9.02387C24.8773 11.248 25.9256 13.0614 28.4898 13.0614C29.9631 13.0614 31.1815 14.2655 31.1815 15.753V18.2464C31.1815 19.7197 29.9773 20.938 28.4898 20.938C25.9256 20.938 24.8773 22.7514 26.1665 24.9755C26.9031 26.2647 26.464 27.908 25.1748 28.6447L22.724 30.0472C21.6048 30.713 20.1598 30.3164 19.494 29.1972L19.3381 28.928C18.0631 26.7039 15.9665 26.7039 14.6773 28.928L14.5215 29.1972C13.8556 30.3164 12.4106 30.713 11.2915 30.0472L8.84065 28.6447C7.55148 27.908 7.11232 26.2505 7.84898 24.9755C9.13815 22.7514 8.08982 20.938 5.52565 20.938C4.03815 20.938 2.83398 19.7197 2.83398 18.2464Z" stroke="#C1B7B7" stroke-width="2.14119" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

public/assets/images/Campaign.svg
+28
View File
@@ -0,0 +1,28 @@
<svg width="54" height="54" viewBox="0 0 54 54" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="3" y="2" width="48" height="48" rx="12" fill="white"/>
<g filter="url(#filter0_dd_1_2225)">
<rect x="3" y="2" width="48" height="48" rx="12" fill="white" fill-opacity="0.01" shape-rendering="crispEdges"/>
</g>
<path d="M25.8333 19C29.3816 19.0914 32.8496 17.9354 35.6333 15.7333C35.8067 15.6033 36.0128 15.5242 36.2286 15.5047C36.4443 15.4853 36.6613 15.5263 36.8551 15.6232C37.0489 15.7201 37.2119 15.869 37.3258 16.0533C37.4397 16.2376 37.5 16.45 37.5 16.6667V30.6667C37.5 30.8833 37.4397 31.0957 37.3258 31.28C37.2119 31.4643 37.0489 31.6133 36.8551 31.7102C36.6613 31.8071 36.4443 31.8481 36.2286 31.8286C36.0128 31.8092 35.8067 31.73 35.6333 31.6C32.8496 29.3979 29.3816 28.2419 25.8333 28.3333H18.8333C18.2145 28.3333 17.621 28.0875 17.1834 27.6499C16.7458 27.2123 16.5 26.6188 16.5 26V21.3333C16.5 20.7145 16.7458 20.121 17.1834 19.6834C17.621 19.2458 18.2145 19 18.8333 19H25.8333Z" stroke="black" stroke-width="2.33333" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M20 28.3335C20 31.3627 20.9825 34.3102 22.8 36.7335C23.1713 37.2286 23.7241 37.5559 24.3367 37.6434C24.9493 37.7309 25.5716 37.5715 26.0667 37.2002C26.5617 36.8289 26.889 36.2761 26.9765 35.6635C27.0641 35.0509 26.9046 34.4286 26.5333 33.9335C25.3217 32.3179 24.6667 30.353 24.6667 28.3335" stroke="black" stroke-width="2.33333" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.334 19V28.3333" stroke="black" stroke-width="2.33333" stroke-linecap="round" stroke-linejoin="round"/>
<defs>
<filter id="filter0_dd_1_2225" x="0" y="0" width="54" height="54" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feMorphology radius="1" operator="erode" in="SourceAlpha" result="effect1_dropShadow_1_2225"/>
<feOffset dy="1"/>
<feGaussianBlur stdDeviation="1"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_2225"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="1"/>
<feGaussianBlur stdDeviation="1.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="effect1_dropShadow_1_2225" result="effect2_dropShadow_1_2225"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_1_2225" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

public/assets/images/Campaign1.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="27" height="25" viewBox="0 0 27 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.9912 21.6445V21.6455C13.2341 22.1609 13.0366 22.7827 12.5488 23.0762L12.4512 23.1289L10.792 23.8975C10.5222 24.0214 10.2145 24.0341 9.93555 23.9326C9.69133 23.8438 9.48608 23.674 9.35352 23.4531L9.30176 23.3555L8.38379 21.3867L9.39551 20.9141L11.1777 20.5684L12.4395 20.4688L12.9912 21.6445ZM7.10352 19.3115L5.57422 20.0273L5.56934 20.0303C5.37336 20.124 5.16893 20.167 4.96094 20.167C4.45022 20.1669 3.95312 19.8915 3.68555 19.4209L3.63477 19.3242L0.742188 13.1133L0.737305 13.1035L0.682617 12.9717C0.569625 12.6611 0.57368 12.3191 0.69043 11.9922C0.803142 11.6769 1.02002 11.4133 1.31055 11.2422L1.44043 11.1748L3.12695 10.3906L7.10352 19.3115ZM13.2451 1.23926C13.7845 0.790994 14.4074 0.658386 15.0117 0.797852C15.6287 0.940342 16.1341 1.34543 16.3965 1.91699L16.3975 1.91992L22.2715 14.5234L22.3828 14.7627C22.5358 15.2597 22.4945 15.7976 22.2461 16.2783C21.955 16.8417 21.4473 17.2201 20.8496 17.3379L10.8965 18.1416L10.8633 18.1445L10.8301 18.1504L9.99121 18.3145L5.66699 8.60645L13.2451 1.23926ZM23.6934 11.4844C23.7355 11.4834 23.7772 11.4914 23.8164 11.5068L23.8242 11.5088L23.832 11.5117L25.4434 12.0986H25.4463C25.6057 12.156 25.6923 12.3333 25.6348 12.5C25.5919 12.617 25.4736 12.7017 25.3369 12.7041C25.2901 12.7036 25.2483 12.6977 25.2148 12.6865L23.6191 12.1064L23.6016 12.1006L23.5439 12.0742C23.5259 12.0639 23.5089 12.0518 23.4932 12.0381C23.4614 12.0103 23.4355 11.9764 23.417 11.9385C23.3986 11.9006 23.388 11.8594 23.3857 11.8174C23.3835 11.7752 23.389 11.7321 23.4033 11.6924C23.4176 11.6529 23.4402 11.6168 23.4688 11.5859C23.4974 11.5549 23.5328 11.5301 23.5713 11.5127C23.6097 11.4954 23.6512 11.4854 23.6934 11.4844ZM24.6064 5.42285H24.6074L24.6113 5.4209C24.7619 5.34976 24.949 5.4091 25.0332 5.57715C25.1036 5.72802 25.0439 5.91452 24.875 5.99805L23.332 6.71582L23.3164 6.72363C23.2953 6.73413 23.2573 6.74507 23.1943 6.74512C23.0787 6.74512 22.9623 6.67863 22.9053 6.5625C22.8709 6.4868 22.8673 6.40057 22.8955 6.32227C22.917 6.2626 22.9557 6.21107 23.0059 6.17383L23.0596 6.1416L24.6064 5.42285ZM19.9932 0.600586C20.0352 0.598433 20.0776 0.604828 20.1172 0.619141C20.1567 0.633511 20.1928 0.655986 20.2236 0.68457C20.2546 0.713248 20.2795 0.747676 20.2969 0.786133C20.3142 0.824614 20.3242 0.866009 20.3252 0.908203C20.3262 0.950217 20.319 0.992115 20.3037 1.03125L20.2979 1.04688L19.7109 2.6582C19.6655 2.78025 19.5426 2.8621 19.4209 2.8623C19.3749 2.8623 19.3344 2.85486 19.3008 2.84473C19.2254 2.81537 19.1634 2.75988 19.1289 2.68652C19.0934 2.6107 19.0897 2.5231 19.1182 2.44434L19.1172 2.44336L19.7031 0.833984L19.7061 0.825195L19.709 0.817383C19.7222 0.777287 19.7437 0.739788 19.7715 0.708008C19.7993 0.676241 19.8332 0.650298 19.8711 0.631836C19.9091 0.613369 19.951 0.602811 19.9932 0.600586Z" stroke="#BCEA3E" stroke-width="1.2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

public/assets/images/Campaigns.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 252 KiB

public/assets/images/Content.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 313 KiB

public/assets/images/Content.svg
+27
View File
@@ -0,0 +1,27 @@
<svg width="54" height="54" viewBox="0 0 54 54" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="3" y="2" width="48" height="48" rx="12" fill="white" fill-opacity="0.1"/>
<g filter="url(#filter0_dd_1_2263)">
<rect x="3" y="2" width="48" height="48" rx="12" fill="white" fill-opacity="0.01" shape-rendering="crispEdges"/>
</g>
<path d="M31.666 27.1667L37.7595 31.229C37.8474 31.2874 37.9494 31.321 38.0548 31.326C38.1602 31.3311 38.265 31.3074 38.358 31.2576C38.451 31.2078 38.5288 31.1337 38.583 31.0432C38.6373 30.9527 38.666 30.8492 38.666 30.7437V21.1817C38.666 21.079 38.639 20.9782 38.5876 20.8893C38.5362 20.8005 38.4623 20.7268 38.3733 20.6757C38.2843 20.6245 38.1833 20.5978 38.0807 20.5981C37.9781 20.5985 37.8773 20.6259 37.7887 20.6777L31.666 24.25" stroke="#C4F022" stroke-width="2.33333" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M29.334 19H17.6673C16.3787 19 15.334 20.0447 15.334 21.3333V30.6667C15.334 31.9553 16.3787 33 17.6673 33H29.334C30.6226 33 31.6673 31.9553 31.6673 30.6667V21.3333C31.6673 20.0447 30.6226 19 29.334 19Z" stroke="#C4F022" stroke-width="2.33333" stroke-linecap="round" stroke-linejoin="round"/>
<defs>
<filter id="filter0_dd_1_2263" x="0" y="0" width="54" height="54" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feMorphology radius="1" operator="erode" in="SourceAlpha" result="effect1_dropShadow_1_2263"/>
<feOffset dy="1"/>
<feGaussianBlur stdDeviation="1"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_2263"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="1"/>
<feGaussianBlur stdDeviation="1.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="effect1_dropShadow_1_2263" result="effect2_dropShadow_1_2263"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_1_2263" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

public/assets/images/Delivered.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 242 KiB

public/assets/images/Designed.svg
+6
View File
@@ -0,0 +1,6 @@
<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.83398 14.1385V12.7502C2.83398 5.66683 5.66732 2.8335 12.7507 2.8335H21.2507C28.334 2.8335 31.1673 5.66683 31.1673 12.7502V21.2502C31.1673 28.3335 28.334 31.1668 21.2507 31.1668H19.834" stroke="#C1B7B7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M18.416 15.5833L25.5135 8.47168H19.8327" stroke="#C1B7B7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M25.5137 8.47168V14.1525" stroke="#C1B7B7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15.584 22.879V26.704C15.584 29.8915 14.309 31.1665 11.1215 31.1665H7.29648C4.10898 31.1665 2.83398 29.8915 2.83398 26.704V22.879C2.83398 19.6915 4.10898 18.4165 7.29648 18.4165H11.1215C14.309 18.4165 15.584 19.6915 15.584 22.879Z" stroke="#C1B7B7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 958 B

public/assets/images/Digital Transformation.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 256 KiB

public/assets/images/Digital.svg
+28
View File
@@ -0,0 +1,28 @@
<svg width="54" height="54" viewBox="0 0 54 54" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="3" y="2" width="48" height="48" rx="12" fill="white"/>
<g filter="url(#filter0_dd_1_2115)">
<rect x="3" y="2" width="48" height="48" rx="12" fill="white" fill-opacity="0.01" shape-rendering="crispEdges"/>
</g>
<path d="M36.334 15.5H17.6673C16.3787 15.5 15.334 16.5447 15.334 17.8333V29.5C15.334 30.7887 16.3787 31.8333 17.6673 31.8333H36.334C37.6226 31.8333 38.6673 30.7887 38.6673 29.5V17.8333C38.6673 16.5447 37.6226 15.5 36.334 15.5Z" stroke="black" stroke-width="2.33333" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.334 36.5H31.6673" stroke="black" stroke-width="2.33333" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M27 31.8333V36.4999" stroke="black" stroke-width="2.33333" stroke-linecap="round" stroke-linejoin="round"/>
<defs>
<filter id="filter0_dd_1_2115" x="0" y="0" width="54" height="54" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feMorphology radius="1" operator="erode" in="SourceAlpha" result="effect1_dropShadow_1_2115"/>
<feOffset dy="1"/>
<feGaussianBlur stdDeviation="1"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_2115"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="1"/>
<feGaussianBlur stdDeviation="1.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="effect1_dropShadow_1_2115" result="effect2_dropShadow_1_2115"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_1_2115" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

public/assets/images/Everything.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.45996 13.2064L8.3332 8.3332L1 1H5.66658L12.9998 8.3332L5.66658 15.6664H1" stroke="#C4F022" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9.66602 1L16.9992 8.3332L9.66602 15.6664" stroke="#C4F022" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 453 B

public/assets/images/Intelligent.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 257 KiB

public/assets/images/Motion.svg
+12
View File
@@ -0,0 +1,12 @@
<svg width="76" height="76" viewBox="0 0 76 76" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.5" width="74.6908" height="74.6908" rx="9.5" fill="#111616" stroke="url(#paint0_linear_1_624)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M28.0756 24.5098C27.4595 25.0538 26.7269 25.9028 25.6004 27.2191L20.5267 33.1422C19.3562 34.509 18.5796 35.4194 18.0779 36.1806C17.6027 36.9002 17.4927 37.317 17.4927 37.6746C17.4927 38.0321 17.6027 38.449 18.0779 39.1707C18.5796 39.9298 19.354 40.8402 20.5267 42.2069L25.6004 48.1301C26.7269 49.4463 27.4595 50.2975 28.0778 50.8416C28.6608 51.3549 28.9117 51.3856 29.0437 51.3856C29.1757 51.3856 29.4265 51.3549 30.0118 50.8416C30.6278 50.2975 31.3605 49.4463 32.4892 48.1301L37.5606 42.2069C38.7311 40.8402 39.5078 39.9298 40.0094 39.1707C40.4847 38.449 40.5947 38.0321 40.5947 37.6746C40.5947 37.317 40.4847 36.9002 40.0094 36.1806C39.5078 35.4194 38.7333 34.509 37.5606 33.1422L32.487 27.2191C31.3605 25.9028 30.6278 25.0538 30.0096 24.5098C29.4265 23.9942 29.1757 23.9635 29.0437 23.9635C28.9117 23.9635 28.6608 23.9942 28.0756 24.5098ZM25.8908 22.044C26.7555 21.2805 27.761 20.6729 29.0437 20.6729C30.3264 20.6729 31.3319 21.2805 32.1966 22.044C33.0106 22.7591 33.8907 23.7924 34.9226 24.9946L40.1371 31.0845C41.2239 32.3503 42.1392 33.4187 42.7663 34.3729C43.4351 35.3843 43.895 36.4351 43.895 37.6746C43.895 38.914 43.4329 39.9649 42.7663 40.9762C42.137 41.9305 41.224 42.9988 40.1393 44.2668L34.9226 50.3567C33.8929 51.5567 33.0084 52.59 32.1966 53.3052C31.3319 54.0686 30.3264 54.6763 29.0437 54.6763C27.761 54.6763 26.7555 54.0686 25.8908 53.3052C25.0767 52.59 24.1967 51.5567 23.1648 50.3546L17.9503 44.2646C16.8634 42.9988 15.9481 41.9305 15.3211 40.9762C14.6522 39.9649 14.1924 38.914 14.1924 37.6746C14.1924 36.4351 14.6544 35.3843 15.3211 34.3729C15.9503 33.4187 16.8634 32.3503 17.9481 31.0823L23.09 25.0823L23.1648 24.9946C24.1945 23.7924 25.0789 22.7591 25.8908 22.044Z" fill="#BCEA3E"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M39.0143 21.0325C39.3563 20.7602 39.7927 20.6345 40.2276 20.6831C40.6625 20.7316 41.0602 20.9504 41.3333 21.2913L49.122 31.0141C50.1605 32.3106 51.0318 33.3987 51.6302 34.3706C52.2683 35.4017 52.6951 36.4481 52.6951 37.6744C52.6951 38.9007 52.2683 39.9471 51.6324 40.9782C51.0318 41.9501 50.1605 43.0382 49.1242 44.3347L41.3333 54.0575C41.0583 54.3925 40.6619 54.606 40.2301 54.6516C39.7983 54.6972 39.3659 54.5713 39.0265 54.3011C38.6872 54.0309 38.4684 53.6382 38.4175 53.2083C38.3666 52.7783 38.4878 52.3456 38.7547 52.0041L46.4818 42.3581C47.5973 40.9629 48.341 40.0327 48.8206 39.2539C49.276 38.5168 49.3948 38.0715 49.3948 37.6744C49.3948 37.2773 49.276 36.832 48.8228 36.0949C48.3388 35.3161 47.5995 34.3837 46.4818 32.9907L38.7547 23.3447C38.4817 23.0037 38.3556 22.5686 38.4043 22.135C38.453 21.7014 38.6724 21.3048 39.0143 21.0325Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M47.8146 21.0325C48.1566 20.7602 48.593 20.6345 49.0279 20.6831C49.4628 20.7316 49.8605 20.9504 50.1336 21.2913L57.9223 31.0141C58.9608 32.3106 59.8321 33.3987 60.4305 34.3706C61.0686 35.4017 61.4954 36.4481 61.4954 37.6744C61.4954 38.9007 61.0686 39.9471 60.4327 40.9782C59.8321 41.9501 58.9608 43.0382 57.9245 44.3347L50.1336 54.0575C49.8586 54.3925 49.4622 54.606 49.0304 54.6516C48.5986 54.6972 48.1661 54.5713 47.8268 54.3011C47.4875 54.0309 47.2687 53.6382 47.2178 53.2083C47.1669 52.7783 47.2881 52.3456 47.555 52.0041L55.2821 42.3581C56.3998 40.9629 57.1412 40.0327 57.6209 39.2539C58.0763 38.5168 58.1951 38.0715 58.1951 37.6744C58.1951 37.2773 58.0763 36.832 57.6231 36.0949C57.139 35.3161 56.3998 34.3837 55.2821 32.9907L47.555 23.3447C47.2819 23.0037 47.1559 22.5686 47.2046 22.135C47.2533 21.7014 47.4727 21.3048 47.8146 21.0325Z" fill="white"/>
<defs>
<linearGradient id="paint0_linear_1_624" x1="0" y1="0" x2="59.1158" y2="82.7629" gradientUnits="userSpaceOnUse">
<stop stop-color="#BCEA3E"/>
<stop offset="1" stop-color="#111616"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.9 KiB

public/assets/images/Onestrong.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 185 KiB

public/assets/images/Onestrong1.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 136 KiB

public/assets/images/Philosophy.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 274 KiB

public/assets/images/Platform.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.7189 9.52728L19.8442 10.677L20.2891 10.9269C21.237 11.4595 21.237 12.8325 20.2891 13.365L14.2525 16.7566C12.8524 17.5432 11.1476 17.5432 9.74754 16.7566L3.71092 13.365C2.76302 12.8325 2.76303 11.4595 3.71093 10.9269L4.15585 10.677L6.16334 9.52728M18.1811 14.6461L20.1129 15.6185C21.1092 16.1201 21.1412 17.5398 20.1685 18.0862L14.2525 21.4101C12.8524 22.1966 11.1476 22.1966 9.74754 21.4101L3.9178 18.1347C2.9284 17.5789 2.98291 16.1278 4.0112 15.6487L6.16334 14.6461M14.2525 11.8112L20.2891 8.41961C21.237 7.88705 21.237 6.51405 20.2891 5.98149L14.2525 2.58993C12.8524 1.80336 11.1476 1.80336 9.74754 2.58993L3.71093 5.98149C2.76303 6.51405 2.76302 7.88705 3.71092 8.41961L9.74754 11.8112C11.1476 12.5977 12.8524 12.5977 14.2525 11.8112Z" stroke="#BCEA3E" stroke-width="1.5"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 894 B

public/assets/images/SELLSERVICE.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 606 KiB

public/assets/images/Trusted.svg
+10
View File
@@ -0,0 +1,10 @@
<svg width="73" height="73" viewBox="0 0 73 73" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M32.0019 4.8418C31.6566 2.2793 33.6489 0 36.2342 0C38.8194 0 40.8117 2.27923 40.4665 4.84169L36.2346 36.2523L32.0019 4.8418Z" fill="white"/>
<path d="M32.0019 67.6398C31.6566 70.2026 33.6489 72.4816 36.2342 72.4816C38.8194 72.4816 40.8117 70.2026 40.4665 67.6398L36.2346 36.2295L32.0019 67.6398Z" fill="white"/>
<path d="M55.4414 11.0456C57.0088 8.98944 60.0291 8.78678 61.8571 10.6151C63.685 12.4434 63.4822 15.4641 61.4268 17.0319L36.2275 36.2497L55.4414 11.0456Z" fill="white"/>
<path d="M11.0436 55.4495C8.9878 57.0172 8.78517 60.038 10.6132 61.8664C12.4412 63.6945 15.4614 63.4924 17.0289 61.436L36.2434 36.2324L11.0436 55.4495Z" fill="white"/>
<path d="M67.6286 32.0077C70.1909 31.6624 72.4695 33.6551 72.4695 36.2408C72.4695 38.8264 70.1909 40.8191 67.6286 40.4738L36.2236 36.2412L67.6286 32.0077Z" fill="white"/>
<path d="M4.84097 32.0077C2.27892 31.6624 1.13004e-07 33.6551 0 36.2408C-1.13002e-07 38.8264 2.27884 40.8191 4.84086 40.4738L36.2461 36.2412L4.84097 32.0077Z" fill="white"/>
<path d="M61.4263 55.4495C63.4818 57.0173 63.6846 60.038 61.8567 61.8664C60.0287 63.6945 57.0085 63.4924 55.441 61.436L36.2266 36.2324L61.4263 55.4495Z" fill="white"/>
<path d="M17.0289 11.0456C15.4615 8.98944 12.4412 8.78678 10.6132 10.6151C8.78522 12.4434 8.98778 15.4641 11.0435 17.0319L36.2428 36.2497L17.0289 11.0456Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

public/assets/images/Websitesdesign.svg
+21
View File
@@ -0,0 +1,21 @@
<svg width="76" height="76" viewBox="0 0 76 76" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.5" width="74.6908" height="74.6908" rx="9.5" fill="#111616" stroke="url(#paint0_linear_1_651)"/>
<path d="M25.1309 25.2871C25.8038 25.2872 26.3496 25.8329 26.3496 26.5059C26.3495 27.1788 25.8038 27.7245 25.1309 27.7246C24.4579 27.7246 23.9122 27.1788 23.9121 26.5059C23.9121 25.8328 24.4578 25.2871 25.1309 25.2871Z" fill="#FFD7DD" fill-opacity="0.5"/>
<path d="M25.1309 25.2871C25.8038 25.2872 26.3496 25.8329 26.3496 26.5059C26.3495 27.1788 25.8038 27.7245 25.1309 27.7246C24.4579 27.7246 23.9122 27.1788 23.9121 26.5059C23.9121 25.8328 24.4578 25.2871 25.1309 25.2871Z" stroke="#BCEA3E"/>
<path d="M29.1934 25.2871C29.8663 25.2872 30.4121 25.8329 30.4121 26.5059C30.412 27.1788 29.8663 27.7245 29.1934 27.7246C28.5204 27.7246 27.9747 27.1788 27.9746 26.5059C27.9746 25.8328 28.5203 25.2871 29.1934 25.2871Z" fill="#FFD7DD" fill-opacity="0.5"/>
<path d="M29.1934 25.2871C29.8663 25.2872 30.4121 25.8329 30.4121 26.5059C30.412 27.1788 29.8663 27.7245 29.1934 27.7246C28.5204 27.7246 27.9747 27.1788 27.9746 26.5059C27.9746 25.8328 28.5203 25.2871 29.1934 25.2871Z" stroke="#BCEA3E"/>
<path d="M33.2559 25.2871C33.9288 25.2872 34.4746 25.8329 34.4746 26.5059C34.4745 27.1788 33.9288 27.7245 33.2559 27.7246C32.5829 27.7246 32.0372 27.1788 32.0371 26.5059C32.0371 25.8328 32.5828 25.2871 33.2559 25.2871Z" fill="#FFD7DD" fill-opacity="0.5"/>
<path d="M33.2559 25.2871C33.9288 25.2872 34.4746 25.8329 34.4746 26.5059C34.4745 27.1788 33.9288 27.7245 33.2559 27.7246C32.5829 27.7246 32.0372 27.1788 32.0371 26.5059C32.0371 25.8328 32.5828 25.2871 33.2559 25.2871Z" stroke="#BCEA3E"/>
<path d="M46.7783 48.0303C46.9381 47.9962 47.1033 47.9944 47.2637 48.0254C47.4241 48.0564 47.5763 48.1198 47.7119 48.2109C47.8474 48.302 47.9635 48.419 48.0527 48.5557L51.4668 53.4307C51.5584 53.5616 51.6236 53.7092 51.6582 53.8652C51.6928 54.0214 51.6967 54.1833 51.6689 54.3408C51.6411 54.4984 51.5821 54.6492 51.4961 54.7842C51.4101 54.9191 51.2981 55.0362 51.167 55.1279C51.0359 55.2196 50.8876 55.2848 50.7314 55.3193C50.5755 55.3538 50.4142 55.3568 50.2568 55.3291C50.0992 55.3013 49.9484 55.2423 49.8135 55.1562C49.6786 55.0703 49.5614 54.9592 49.4697 54.8281L46.0576 49.9531C45.9596 49.8225 45.8889 49.6732 45.8496 49.5146C45.8104 49.3562 45.8034 49.1915 45.8291 49.0303C45.8548 48.8691 45.9125 48.7146 45.999 48.5762C46.0856 48.4377 46.1993 48.3173 46.333 48.2236C46.4668 48.1299 46.6186 48.0644 46.7783 48.0303ZM52.3496 30.1631C52.6726 30.1632 52.9825 30.2912 53.2109 30.5195C53.4395 30.7481 53.5674 31.0586 53.5674 31.3818C53.5673 31.7049 53.4394 32.0147 53.2109 32.2432C52.9825 32.4716 52.6727 32.6005 52.3496 32.6006H19.8525C19.5293 32.6006 19.2188 32.4717 18.9902 32.2432C18.7619 32.0147 18.6338 31.7048 18.6338 31.3818C18.6338 31.0586 18.7617 30.7481 18.9902 30.5195C19.2188 30.291 19.5293 30.1631 19.8525 30.1631H52.3496Z" fill="#BCEA3E"/>
<path d="M46.7783 48.0303C46.9381 47.9962 47.1033 47.9944 47.2637 48.0254C47.4241 48.0564 47.5763 48.1198 47.7119 48.2109C47.8474 48.302 47.9635 48.419 48.0527 48.5557L51.4668 53.4307C51.5584 53.5616 51.6236 53.7092 51.6582 53.8652C51.6928 54.0214 51.6967 54.1833 51.6689 54.3408C51.6411 54.4984 51.5821 54.6492 51.4961 54.7842C51.4101 54.9191 51.2981 55.0362 51.167 55.1279C51.0359 55.2196 50.8876 55.2848 50.7314 55.3193C50.5755 55.3538 50.4142 55.3568 50.2568 55.3291C50.0992 55.3013 49.9484 55.2423 49.8135 55.1562C49.6786 55.0703 49.5614 54.9592 49.4697 54.8281L46.0576 49.9531C45.9596 49.8225 45.8889 49.6732 45.8496 49.5146C45.8104 49.3562 45.8034 49.1915 45.8291 49.0303C45.8548 48.8691 45.9125 48.7146 45.999 48.5762C46.0856 48.4377 46.1993 48.3173 46.333 48.2236C46.4668 48.1299 46.6186 48.0644 46.7783 48.0303ZM52.3496 30.1631C52.6726 30.1632 52.9825 30.2912 53.2109 30.5195C53.4395 30.7481 53.5674 31.0586 53.5674 31.3818C53.5673 31.7049 53.4394 32.0147 53.2109 32.2432C52.9825 32.4716 52.6727 32.6005 52.3496 32.6006H19.8525C19.5293 32.6006 19.2188 32.4717 18.9902 32.2432C18.7619 32.0147 18.6338 31.7048 18.6338 31.3818C18.6338 31.0586 18.7617 30.7481 18.9902 30.5195C19.2188 30.291 19.5293 30.1631 19.8525 30.1631H52.3496Z" stroke="#BCEA3E"/>
<path d="M40.7383 38.1602C41.1595 38.1412 41.5776 38.2424 41.9434 38.4521L52.4561 44.5176C52.8287 44.733 53.1307 45.0525 53.3252 45.4365C53.5196 45.8205 53.5985 46.2528 53.5518 46.6807C53.5049 47.1085 53.3344 47.5138 53.0615 47.8467C52.7886 48.1795 52.4241 48.4259 52.0137 48.5557L47.5488 49.9629L44.6992 53.6768C44.4373 54.0187 44.0811 54.2769 43.6748 54.4199C43.2686 54.5629 42.8295 54.5848 42.4111 54.4824C41.9929 54.3801 41.6136 54.1581 41.3193 53.8438C41.025 53.5293 40.8284 53.1361 40.7539 52.7119L38.6494 40.7578C38.5776 40.3425 38.6262 39.9155 38.7881 39.5264C38.9501 39.1371 39.219 38.8014 39.5645 38.5596C39.9099 38.3178 40.3171 38.1791 40.7383 38.1602ZM43.0674 51.8008L45.8496 48.1738C46.0012 47.9754 46.2108 47.8291 46.4492 47.7549L50.8066 46.3799L41.1309 40.7969L43.0674 51.8008Z" fill="#BCEA3E"/>
<path d="M40.7383 38.1602C41.1595 38.1412 41.5776 38.2424 41.9434 38.4521L52.4561 44.5176C52.8287 44.733 53.1307 45.0525 53.3252 45.4365C53.5196 45.8205 53.5985 46.2528 53.5518 46.6807C53.5049 47.1085 53.3344 47.5138 53.0615 47.8467C52.7886 48.1795 52.4241 48.4259 52.0137 48.5557L47.5488 49.9629L44.6992 53.6768C44.4373 54.0187 44.0811 54.2769 43.6748 54.4199C43.2686 54.5629 42.8295 54.5848 42.4111 54.4824C41.9929 54.3801 41.6136 54.1581 41.3193 53.8438C41.025 53.5293 40.8284 53.1361 40.7539 52.7119L38.6494 40.7578C38.5776 40.3425 38.6262 39.9155 38.7881 39.5264C38.9501 39.1371 39.219 38.8014 39.5645 38.5596C39.9099 38.3178 40.3171 38.1791 40.7383 38.1602ZM43.0674 51.8008L45.8496 48.1738C46.0012 47.9754 46.2108 47.8291 46.4492 47.7549L50.8066 46.3799L41.1309 40.7969L43.0674 51.8008Z" stroke="#BCEA3E"/>
<path d="M48.2871 20.4141C49.6876 20.4141 51.0312 20.9706 52.0215 21.9609C53.0115 22.9511 53.5673 24.2941 53.5674 25.6943V39.5059C53.5673 39.8289 53.4394 40.1387 53.2109 40.3672C52.9825 40.5956 52.6727 40.7245 52.3496 40.7246C52.0264 40.7246 51.7158 40.5957 51.4873 40.3672C51.2589 40.1387 51.1309 39.8289 51.1309 39.5059V25.6943C51.1307 24.1233 49.8582 22.8516 48.2871 22.8516H23.9141C22.3432 22.8518 21.0715 24.1235 21.0713 25.6943V50.0674C21.0714 50.8213 21.3712 51.544 21.9043 52.0771C22.4374 52.6103 23.1601 52.91 23.9141 52.9102H36.1006C36.4238 52.9102 36.7344 53.039 36.9629 53.2676C37.1912 53.4961 37.3193 53.8059 37.3193 54.1289C37.3193 54.4519 37.1912 54.7617 36.9629 54.9902C36.7344 55.2188 36.4238 55.3477 36.1006 55.3477H23.9141C22.5137 55.3475 21.1709 54.791 20.1807 53.8008C19.1904 52.8106 18.6339 51.4677 18.6338 50.0674V25.6943C18.6339 24.294 19.1904 22.9512 20.1807 21.9609C21.1709 20.9707 22.5137 20.4142 23.9141 20.4141H48.2871Z" fill="#BCEA3E"/>
<path d="M48.2871 20.4141C49.6876 20.4141 51.0312 20.9706 52.0215 21.9609C53.0115 22.9511 53.5673 24.2941 53.5674 25.6943V39.5059C53.5673 39.8289 53.4394 40.1387 53.2109 40.3672C52.9825 40.5956 52.6727 40.7245 52.3496 40.7246C52.0264 40.7246 51.7158 40.5957 51.4873 40.3672C51.2589 40.1387 51.1309 39.8289 51.1309 39.5059V25.6943C51.1307 24.1233 49.8582 22.8516 48.2871 22.8516H23.9141C22.3432 22.8518 21.0715 24.1235 21.0713 25.6943V50.0674C21.0714 50.8213 21.3712 51.544 21.9043 52.0771C22.4374 52.6103 23.1601 52.91 23.9141 52.9102H36.1006C36.4238 52.9102 36.7344 53.039 36.9629 53.2676C37.1912 53.4961 37.3193 53.8059 37.3193 54.1289C37.3193 54.4519 37.1912 54.7617 36.9629 54.9902C36.7344 55.2188 36.4238 55.3477 36.1006 55.3477H23.9141C22.5137 55.3475 21.1709 54.791 20.1807 53.8008C19.1904 52.8106 18.6339 51.4677 18.6338 50.0674V25.6943C18.6339 24.294 19.1904 22.9512 20.1807 21.9609C21.1709 20.9707 22.5137 20.4142 23.9141 20.4141H48.2871Z" stroke="#BCEA3E"/>
<defs>
<linearGradient id="paint0_linear_1_651" x1="0" y1="0" x2="59.1158" y2="82.7629" gradientUnits="userSpaceOnUse">
<stop stop-color="#BCEA3E"/>
<stop offset="1" stop-color="#111616"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 7.8 KiB

public/assets/images/Why AAideA.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 258 KiB

public/assets/images/arrowbuttonwhite.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="17" height="13" viewBox="0 0 17 13" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.3386 5.10685C13.1389 5.10685 11.134 3.10381 11.134 0.902271V0H9.32948V0.902271C9.32948 2.5029 10.0314 4.00428 11.1331 5.10685H0V6.91139H11.1331C10.0314 8.01397 9.32948 9.51535 9.32948 11.116V12.0182H11.134V11.116C11.134 8.91534 13.1389 6.91139 15.3386 6.91139H16.2409V5.10685H15.3386Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 457 B

public/assets/images/arrowforward.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="24" height="22" viewBox="0 0 24 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.30541 17.4016L10.8535 10.8535L1 1H7.27042L17.1239 10.8535L7.27042 20.707H1" stroke="#BCEA3E" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.645 1L22.4985 10.8535L12.645 20.707" stroke="#789725" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 453 B

public/assets/images/arrowlearn.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="17" height="13" viewBox="0 0 17 13" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.3386 5.10685C13.1389 5.10685 11.134 3.10381 11.134 0.902271V0H9.32948V0.902271C9.32948 2.5029 10.0314 4.00428 11.1331 5.10685H0V6.91139H11.1331C10.0314 8.01397 9.32948 9.51535 9.32948 11.116V12.0182H11.134V11.116C11.134 8.91534 13.1389 6.91139 15.3386 6.91139H16.2409V5.10685H15.3386Z" fill="#BCEA3E"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 459 B

public/assets/images/arrownext.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

public/assets/images/arrowpre.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

public/assets/images/brandart.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 318 KiB

public/assets/images/brandsystem.svg
+11
View File
@@ -0,0 +1,11 @@
<svg width="76" height="76" viewBox="0 0 76 76" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.5" width="74.6908" height="74.6908" rx="9.5" fill="#111616" stroke="url(#paint0_linear_1_608)"/>
<path d="M55.5765 57.0282C55.5078 57.0282 55.4388 57.0234 55.3698 57.0138L37.4784 54.5037C36.7518 54.4021 36.204 53.7733 36.204 53.0419V40.0797C36.204 39.2657 36.8684 38.6033 37.6849 38.6033H55.5806C55.9761 38.6033 56.3479 38.7569 56.6277 39.0359C56.7657 39.1727 56.875 39.3354 56.9494 39.5147C57.0238 39.6939 57.0619 39.8861 57.0614 40.08L57.057 55.552C57.0568 55.9434 56.9008 56.3188 56.6232 56.5956C56.3456 56.8724 55.9691 57.028 55.5765 57.0282ZM38.4581 52.3715L54.8029 54.6644L54.8067 40.8511H38.4582L38.4581 52.3715ZM33.3492 54.1255C33.2824 54.1255 33.2151 54.1207 33.1478 54.1117L19.9141 52.303C19.1848 52.2032 18.6347 51.5747 18.6344 50.8406L18.6338 40.0797C18.6338 39.6854 18.7876 39.3149 19.0674 39.0359C19.3473 38.7569 19.7189 38.6033 20.1146 38.6033H33.3489C34.1654 38.6033 34.8298 39.2657 34.8298 40.0797V52.649C34.8297 53.0405 34.6737 53.416 34.396 53.6928C34.1184 53.9697 33.7419 54.1253 33.3492 54.1255ZM20.8888 50.1676L32.5757 51.7648V40.8511H20.8882L20.8888 50.1676ZM55.5762 37.0832H37.6849C36.8684 37.0832 36.204 36.421 36.204 35.6067V22.7324C36.204 22.0044 36.7489 21.3765 37.4714 21.2714L55.3628 18.6756C55.5731 18.645 55.7875 18.66 55.9914 18.7194C56.1954 18.7788 56.3841 18.8814 56.5448 19.02C56.7056 19.1585 56.8346 19.33 56.9229 19.5227C57.0113 19.7154 57.0569 19.9248 57.0568 20.1367V35.6066C57.0568 36.4209 56.3927 37.0832 55.5762 37.0832ZM38.4582 34.8356H54.8026V21.0281L38.4582 23.3995V34.8356Z" fill="#BCEA3E"/>
<path d="M33.3595 37.2276L20.1143 37.225C19.2991 37.225 18.6347 36.5635 18.6338 35.7502V25.1062C18.6329 24.3715 19.1839 23.7418 19.9156 23.6429L33.1601 21.8494C33.3694 21.821 33.5825 21.8377 33.7848 21.8982C33.9872 21.9587 34.1742 22.0618 34.3334 22.2003C34.4925 22.3389 34.62 22.5099 34.7074 22.7017C34.7948 22.8935 34.84 23.1017 34.84 23.3124V35.7511C34.84 36.5654 34.176 37.2276 33.3595 37.2276ZM20.8882 34.9774L32.586 34.9797V24.1955L20.8882 25.7795V34.9774Z" fill="white"/>
<defs>
<linearGradient id="paint0_linear_1_608" x1="0" y1="0" x2="59.1158" y2="82.7629" gradientUnits="userSpaceOnUse">
<stop stop-color="#BCEA3E"/>
<stop offset="1" stop-color="#111616"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

public/assets/images/breadcamp.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 174 KiB

public/assets/images/campaignicon.svg
+10
View File
@@ -0,0 +1,10 @@
<svg width="76" height="76" viewBox="0 0 76 76" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.5" width="74.6908" height="74.6908" rx="9.5" fill="#111616" stroke="url(#paint0_linear_70_1111)"/>
<path d="M60.1981 34.5842C60.0535 35.0281 59.6405 35.3103 59.1964 35.3103C59.0885 35.3103 58.9788 35.2937 58.8707 35.2586L55.0397 34.0175C54.4864 33.8383 54.1835 33.2457 54.3633 32.6939C54.543 32.1422 55.1372 31.8402 55.6908 32.0195L59.5218 33.2605C60.0751 33.44 60.3779 34.0325 60.1981 34.5842ZM49.3328 24.0066C49.4067 24.0223 49.4803 24.0298 49.5529 24.0298C50.0397 24.0298 50.477 23.6914 50.5824 23.1976L51.42 19.2691C51.541 18.7017 51.1777 18.1438 50.6085 18.0232C50.0396 17.9025 49.4801 18.2648 49.359 18.8323L48.5214 22.7608C48.4005 23.3282 48.7637 23.886 49.3328 24.0066ZM55.183 27.6436L58.6434 25.6517C59.1473 25.3616 59.3199 24.7192 59.029 24.2167C58.7381 23.7142 58.0938 23.5421 57.5899 23.8322L54.1295 25.8241C53.6256 26.1142 53.453 26.7566 53.7438 27.2591C53.8129 27.3786 53.905 27.4833 54.0148 27.5674C54.1245 27.6514 54.2498 27.713 54.3835 27.7487C54.5171 27.7844 54.6565 27.7935 54.7937 27.7755C54.9309 27.7575 55.0632 27.7126 55.183 27.6436ZM52.9871 40.5585C53.4088 41.2867 53.5202 42.1374 53.3009 42.9535C53.0815 43.7697 52.5585 44.4508 51.8281 44.8712C51.3486 45.1481 50.8043 45.2938 50.2502 45.2936C49.3833 45.2936 48.5355 44.9377 47.9288 44.2882C43.2909 44.7307 38.6639 46.0149 34.1476 48.1116L39.8693 53.8166C40.2808 54.2269 40.2808 54.8919 39.8693 55.3022L36.2473 58.9137C36.0497 59.1106 35.7818 59.2212 35.5024 59.2212C35.223 59.2212 34.9551 59.1106 34.7575 58.9137L27.5791 51.7562C26.6517 52.2164 25.6299 52.4557 24.594 52.4554C22.2616 52.4554 19.9904 51.2496 18.7428 49.095L16.9021 45.9161C15.043 42.7054 16.1502 38.5852 19.3702 36.7315L24.2715 33.91C28.8763 30.8918 32.7083 27.2628 35.6697 23.1179C35.2472 21.7434 35.8127 20.2073 37.1134 19.4587C38.6256 18.5884 40.5658 19.1068 41.4387 20.6143L44.8074 26.4319L45.0841 26.2726C46.1934 25.6341 47.4895 25.4652 48.7337 25.7978C49.9778 26.1301 51.0158 26.9224 51.6562 28.0285C52.2967 29.1346 52.4658 30.4269 52.1324 31.6674C51.7991 32.9079 51.0045 33.9429 49.8951 34.5814L49.6185 34.7407L52.9871 40.5585ZM45.8608 28.2514L48.5649 32.9214L48.8416 32.7622C49.4635 32.4042 49.9095 31.8223 50.0971 31.1239C50.2848 30.4255 50.1905 29.6993 49.8314 29.0791C49.4723 28.459 48.8888 28.0143 48.1883 27.8272C47.4878 27.6401 46.7595 27.7342 46.1375 28.0921L45.8608 28.2514ZM26.229 35.1295L32.7751 46.4345C37.3259 44.2621 41.9946 42.878 46.6885 42.3095L36.7685 25.1778C33.9279 28.9466 30.3915 32.286 26.229 35.1295ZM26.9007 49.7367L30.9158 47.4253L24.4389 36.2396L20.4236 38.551C18.2097 39.8256 17.4485 42.6583 18.7266 44.8658L20.5674 48.0447C21.8456 50.2521 24.6868 51.0112 26.9007 49.7367ZM37.6345 54.5594L32.1816 49.1225L29.4782 50.6787L35.5024 56.6854L37.6345 54.5594ZM51.1624 41.6089L39.6139 21.6648C39.3218 21.1603 38.6726 20.9868 38.1667 21.2782C37.6607 21.5694 37.4868 22.2168 37.7789 22.7213L49.3273 42.6653C49.6194 43.1697 50.2687 43.3432 50.7746 43.0519C51.0176 42.912 51.192 42.684 51.2657 42.4099C51.3394 42.1357 51.3027 41.8512 51.1624 41.6089Z" fill="white"/>
<defs>
<linearGradient id="paint0_linear_70_1111" x1="0" y1="0" x2="59.1158" y2="82.7629" gradientUnits="userSpaceOnUse">
<stop stop-color="#BCEA3E"/>
<stop offset="1" stop-color="#111616"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.3 KiB

public/assets/images/closetoggle.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.3562 9.99951L19.5108 2.84491C20.1618 2.1939 20.1618 1.13927 19.5108 0.488257C18.8598 -0.162752 17.8051 -0.162752 17.1541 0.488257L9.99951 7.64286L2.84491 0.488257C2.1939 -0.162752 1.13927 -0.162752 0.488257 0.488257C-0.162752 1.13927 -0.162752 2.1939 0.488257 2.84491L7.64286 9.99951L0.488257 17.1541C-0.162752 17.8051 -0.162752 18.8598 0.488257 19.5108C0.813762 19.8363 1.24017 19.999 1.66659 19.999C2.093 19.999 2.51941 19.8363 2.84491 19.5108L9.99951 12.3562L17.1541 19.5108C17.4796 19.8363 17.906 19.999 18.3324 19.999C18.7588 19.999 19.1853 19.8363 19.5108 19.5108C20.1618 18.8598 20.1618 17.8051 19.5108 17.1541L12.3562 9.99951Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 767 B

public/assets/images/content1.svg
+6
View File
@@ -0,0 +1,6 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4 6C4 3.79086 5.79086 2 8 2H12H14.0633C14.6568 2 15.2197 2.26365 15.5997 2.71963L19.5364 7.44373C19.836 7.80316 20 8.25623 20 8.7241V12V18C20 20.2091 18.2091 22 16 22H8C5.79086 22 4 20.2091 4 18V6Z" stroke="#BCEA3E" stroke-width="1.5"/>
<path d="M15 2.5V6C15 7.10457 15.8954 8 17 8H19.5" stroke="#BCEA3E" stroke-width="1.5" stroke-linecap="round"/>
<path d="M8 12H16" stroke="#BCEA3E" stroke-width="1.5" stroke-linecap="round"/>
<path d="M8 17H12" stroke="#BCEA3E" stroke-width="1.5" stroke-linecap="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 622 B

public/assets/images/digitalabout.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 161 KiB

public/assets/images/email.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.60628 0.890223L7.617 6.90355C8.92796 8.21199 11.0709 8.21312 12.383 6.90355L18.3937 0.890223C18.4079 0.876094 18.4188 0.859011 18.4257 0.840185C18.4326 0.821359 18.4352 0.801252 18.4334 0.781288C18.4317 0.761325 18.4255 0.741995 18.4155 0.724669C18.4054 0.707342 18.3916 0.692444 18.3752 0.68103C17.7621 0.253474 17.0162 0 16.2127 0H3.7873C2.98377 0 2.23786 0.253518 1.62479 0.68103C1.60832 0.692444 1.59456 0.707342 1.58449 0.724669C1.57441 0.741995 1.56828 0.761325 1.56651 0.781288C1.56474 0.801252 1.56739 0.821359 1.57426 0.840185C1.58114 0.859011 1.59207 0.876094 1.60628 0.890223ZM1.20583e-06 3.78725C-0.000488191 3.17626 0.147999 2.57436 0.432598 2.0337C0.442533 2.01464 0.456826 1.9982 0.474314 1.9857C0.491802 1.9732 0.511991 1.96501 0.533242 1.96178C0.554493 1.95855 0.576206 1.96039 0.596615 1.96713C0.617024 1.97387 0.635555 1.98534 0.650699 2.00059L6.58533 7.93522C8.46464 9.81727 11.5342 9.81836 13.4147 7.93522L19.3493 2.00059C19.3644 1.98534 19.383 1.97387 19.4034 1.96713C19.4238 1.96039 19.4455 1.95855 19.4668 1.96178C19.488 1.96501 19.5082 1.9732 19.5257 1.9857C19.5432 1.9982 19.5575 2.01464 19.5674 2.0337C19.852 2.57437 20.0005 3.17626 20 3.78725V11.6934C20 13.7833 18.3 15.4807 16.2127 15.4807H3.7873C1.70006 15.4807 1.20583e-06 13.7833 1.20583e-06 11.6934V3.78725Z" fill="#BCEA3E"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

public/assets/images/facebook.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="8" height="17" viewBox="0 0 8 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.66703 16.2328C1.66703 16.347 1.75898 16.4398 1.87218 16.4398H4.79711C4.91031 16.4398 5.00168 16.347 5.00168 16.2328V8.15524H7.12211C7.22842 8.15524 7.31748 8.07289 7.3261 7.96559L7.5301 5.53195C7.53255 5.50341 7.52909 5.47468 7.51995 5.44757C7.51081 5.42045 7.49618 5.39556 7.477 5.37445C7.45782 5.35335 7.4345 5.33649 7.40852 5.32497C7.38255 5.31344 7.35448 5.30749 7.3261 5.30749H5.00168V3.58086C5.00168 3.17603 5.32693 2.84833 5.72803 2.84833H7.36173C7.47551 2.84833 7.56688 2.75553 7.56688 2.64128V0.207057C7.56688 0.0927984 7.47551 0 7.36173 0H4.60115C2.98067 0 1.66703 1.32586 1.66703 2.96085V5.30749H0.205147C0.0919422 5.30749 0 5.40029 0 5.51455V7.94819C0 8.06303 0.0919422 8.15524 0.205147 8.15524H1.66703V16.2328Z" fill="#BABABA"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 895 B

public/assets/images/flower.svg
+10
View File
@@ -0,0 +1,10 @@
<svg width="73" height="73" viewBox="0 0 73 73" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M32.0019 4.8418C31.6566 2.2793 33.6489 0 36.2342 0C38.8194 0 40.8117 2.27923 40.4665 4.84169L36.2346 36.2523L32.0019 4.8418Z" fill="white"/>
<path d="M32.0019 67.6398C31.6566 70.2026 33.6489 72.4816 36.2342 72.4816C38.8194 72.4816 40.8117 70.2026 40.4665 67.6398L36.2346 36.2295L32.0019 67.6398Z" fill="white"/>
<path d="M55.4414 11.0456C57.0088 8.98944 60.0291 8.78678 61.8571 10.6151C63.685 12.4434 63.4822 15.4641 61.4268 17.0319L36.2275 36.2497L55.4414 11.0456Z" fill="white"/>
<path d="M11.0436 55.4495C8.9878 57.0172 8.78517 60.038 10.6132 61.8664C12.4412 63.6945 15.4614 63.4924 17.0289 61.436L36.2434 36.2324L11.0436 55.4495Z" fill="white"/>
<path d="M67.6286 32.0077C70.1909 31.6624 72.4695 33.6551 72.4695 36.2408C72.4695 38.8264 70.1909 40.8191 67.6286 40.4738L36.2236 36.2412L67.6286 32.0077Z" fill="white"/>
<path d="M4.84097 32.0077C2.27892 31.6624 1.13004e-07 33.6551 0 36.2408C-1.13002e-07 38.8264 2.27884 40.8191 4.84086 40.4738L36.2461 36.2412L4.84097 32.0077Z" fill="white"/>
<path d="M61.4263 55.4495C63.4818 57.0173 63.6846 60.038 61.8567 61.8664C60.0287 63.6945 57.0085 63.4924 55.441 61.436L36.2266 36.2324L61.4263 55.4495Z" fill="white"/>
<path d="M17.0289 11.0456C15.4615 8.98944 12.4412 8.78678 10.6132 10.6151C8.78522 12.4434 8.98778 15.4641 11.0435 17.0319L36.2428 36.2497L17.0289 11.0456Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

public/assets/images/footerback.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 152 KiB

public/assets/images/footerlogo.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.8 KiB

public/assets/images/foundation.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 191 KiB

public/assets/images/fullcasearrow.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="18" height="13" viewBox="0 0 18 13" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.4171 5.46593C14.0627 5.46593 11.9169 3.32205 11.9169 0.965712V0H9.98546V0.965712C9.98546 2.67888 10.7368 4.28583 11.9159 5.46593H0V7.39735H11.9159C10.7368 8.57745 9.98546 10.1844 9.98546 11.8976V12.8633H11.9169V11.8976C11.9169 9.5422 14.0627 7.39735 16.4171 7.39735H17.3828V5.46593H16.4171Z" fill="#9CD500"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 465 B

public/assets/images/hello.svg
+10
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 8.7 KiB

public/assets/images/homeback.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 253 KiB

public/assets/images/ideastrongback 1.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 300 KiB

public/assets/images/ideastrongback.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 302 KiB

public/assets/images/instagram.svg
+6
View File
@@ -0,0 +1,6 @@
<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.5">
<path d="M12.2661 3.64912C12.2373 2.98961 12.1316 2.53624 11.9802 2.14335C11.824 1.72633 11.5837 1.35299 11.2689 1.0426C10.9613 0.727399 10.5889 0.482459 10.1805 0.327329C9.7889 0.174576 9.34194 0.0678905 8.68841 0.0388431C8.02999 0.00727398 7.82097 0 6.15106 0C4.48114 0 4.27212 0.00727398 3.61615 0.0363699C2.96262 0.0654659 2.51333 0.172199 2.12411 0.324856C1.71074 0.482459 1.34076 0.724925 1.03319 1.0426C0.720827 1.35296 0.478221 1.72878 0.324372 2.14098C0.172998 2.53624 0.0673012 2.98718 0.0384922 3.64664C0.0072323 4.31107 0 4.52199 0 6.20713C0 7.89227 0.0072323 8.10322 0.0360413 8.76515C0.0648744 9.42466 0.170644 9.87802 0.322041 10.2709C0.478221 10.6879 0.720827 11.0613 1.03319 11.3717C1.34076 11.6869 1.71319 11.9318 2.12166 12.0869C2.51331 12.2397 2.96017 12.3464 3.61382 12.3754C4.26967 12.4046 4.47881 12.4118 6.14872 12.4118C7.81864 12.4118 8.02766 12.4046 8.68363 12.3754C9.33716 12.3464 9.78645 12.2397 10.1757 12.0869C10.5845 11.9274 10.9557 11.6835 11.2656 11.3708C11.5756 11.0581 11.8173 10.6834 11.9754 10.2709C12.1267 9.87567 12.2325 9.42464 12.2613 8.76515C12.2901 8.10322 12.2973 7.89227 12.2973 6.20713C12.2973 4.52199 12.2949 4.31105 12.2661 3.64912ZM11.1585 8.71666C11.132 9.32282 11.0311 9.65015 10.947 9.86837C10.7403 10.4091 10.3151 10.8382 9.77922 11.0468C9.56297 11.1317 9.23627 11.2335 8.63791 11.2601C7.98916 11.2893 7.79461 11.2965 6.15351 11.2965C4.5124 11.2965 4.3154 11.2893 3.66898 11.2601C3.0683 11.2335 2.74392 11.1317 2.52768 11.0468C2.26104 10.9473 2.01834 10.7897 1.82131 10.5836C1.61708 10.3824 1.4609 10.1399 1.36234 9.87085C1.27824 9.65263 1.17735 9.32282 1.15099 8.71913C1.12206 8.06447 1.11495 7.86803 1.11495 6.21196C1.11495 4.55589 1.12206 4.35709 1.15099 3.70491C1.17735 3.09874 1.27824 2.77141 1.36234 2.55319C1.4609 2.28401 1.61708 2.03914 1.82376 1.84027C2.0231 1.63417 2.26337 1.47657 2.53013 1.37723C2.74637 1.29237 3.0732 1.19053 3.67144 1.16384C4.32018 1.13474 4.51485 1.12747 6.15584 1.12747C7.79939 1.12747 7.99395 1.13474 8.64036 1.16384C9.24105 1.19056 9.56542 1.29234 9.78167 1.37721C10.0483 1.47657 10.291 1.63417 10.488 1.84027C10.6923 2.04154 10.8484 2.28401 10.947 2.55319C11.0311 2.77141 11.132 3.10109 11.1584 3.70491C11.1873 4.35957 11.1945 4.55589 11.1945 6.21196C11.1945 7.86803 11.1873 8.062 11.1585 8.71666Z" fill="#BABABA"/>
<path d="M6.1161 3.03646C4.36882 3.03646 2.95117 4.455 2.95117 6.20359C2.95117 7.95218 4.36882 9.37072 6.1161 9.37072C7.86343 9.37072 9.28102 7.95218 9.28102 6.20359C9.28102 4.455 7.86343 3.03646 6.1161 3.03646ZM6.1161 8.25801C4.98255 8.25801 4.06306 7.33802 4.06306 6.20359C4.06306 5.06916 4.98255 4.14917 6.11607 4.14917C7.24972 4.14917 8.16909 5.06916 8.16909 6.20359C8.16909 7.33802 7.2497 8.25801 6.1161 8.25801ZM10.1451 2.91122C10.1451 3.31955 9.81425 3.65062 9.40613 3.65062C8.99811 3.65062 8.66727 3.31955 8.66727 2.91122C8.66727 2.50285 8.99811 2.17188 9.40615 2.17188C9.81425 2.17188 10.1451 2.50282 10.1451 2.91122Z" fill="#BABABA"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

public/assets/images/kohler.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

public/assets/images/linkdien.svg
+5
View File
@@ -0,0 +1,5 @@
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.5">
<path d="M13.5386 13.6646V8.65992C13.5386 6.2003 13.0139 4.32142 10.1708 4.32142C8.80006 4.32142 7.88621 5.07297 7.5139 5.79036H7.48005V4.54347H4.78926V13.6646H7.59851V9.13818C7.59851 7.94253 7.81851 6.79812 9.27391 6.79812C10.7124 6.79812 10.7293 8.1475 10.7293 9.2065V13.6475H13.5386V13.6646ZM0.220002 4.54347H3.02925V13.6646H0.220002V4.54347ZM1.62463 0C0.727697 0 0 0.734471 0 1.63975C0 2.54503 0.727697 3.29658 1.62463 3.29658C2.52156 3.29658 3.24925 2.54503 3.24925 1.63975C3.24925 0.734471 2.52156 0 1.62463 0Z" fill="#BABABA"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 661 B

public/assets/images/location.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="16" height="20" viewBox="0 0 16 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.0569 1.81909C12.1365 1.06544 11.0603 0.525454 9.90589 0.238084C8.7515 -0.0492859 7.54772 -0.0768782 6.38138 0.157297C4.8817 0.46476 3.50202 1.19683 2.40668 2.2663C1.31133 3.33577 0.546495 4.69756 0.203276 6.18946C-0.139943 7.68135 -0.0470771 9.24046 0.470811 10.6811C0.988699 12.1217 1.90978 13.383 3.12433 14.3149C4.51102 15.3299 5.69168 16.5996 6.60319 18.0564L7.22425 19.0891C7.30313 19.2203 7.41461 19.3289 7.54784 19.4042C7.68108 19.4796 7.83154 19.5192 7.98461 19.5192C8.13768 19.5192 8.28815 19.4796 8.42138 19.4042C8.55462 19.3289 8.66609 19.2203 8.74497 19.0891L9.34031 18.0972C10.134 16.7019 11.2163 15.492 12.5148 14.5483C13.533 13.8477 14.3745 12.9202 14.9729 11.8388C15.5712 10.7574 15.9101 9.5517 15.9628 8.31691C16.0154 7.08213 15.7804 5.85199 15.2763 4.72358C14.7721 3.59516 14.0127 2.59933 13.0578 1.81465L13.0569 1.81909ZM7.98373 11.5352C7.28181 11.5352 6.59566 11.3271 6.01204 10.9371C5.42842 10.5471 4.97354 9.99288 4.70493 9.34439C4.43632 8.69591 4.36603 7.98233 4.50297 7.29391C4.63991 6.60548 4.97791 5.97312 5.47424 5.47679C5.97057 4.98046 6.60293 4.64245 7.29136 4.50552C7.97979 4.36858 8.69336 4.43886 9.34185 4.70747C9.99033 4.97608 10.5446 5.43096 10.9346 6.01458C11.3245 6.5982 11.5327 7.28436 11.5327 7.98627C11.5327 8.92751 11.1588 9.8302 10.4932 10.4958C9.82765 11.1613 8.92496 11.5352 7.98373 11.5352Z" fill="#BCEA3E"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

public/assets/images/lutron.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.4 KiB

public/assets/images/menutoggle.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="30" height="20" viewBox="0 0 30 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M28.3318 3.3332H1.64239C1.20448 3.32642 0.786795 3.14785 0.479514 2.83604C0.172232 2.52423 0 2.10419 0 1.6666C0 1.22901 0.172232 0.80897 0.479514 0.497159C0.786795 0.185348 1.20448 0.00677865 1.64239 0H28.3322C28.7746 5.30433e-05 29.1988 0.175692 29.5116 0.488277C29.8244 0.800863 30.0001 1.22479 30 1.6668C29.9999 2.10881 29.8242 2.5327 29.5113 2.84521C29.1984 3.15772 28.7742 3.33325 28.3318 3.3332ZM30 10C30.0001 9.7811 29.9569 9.56433 29.8731 9.36208C29.7893 9.15983 29.6664 8.97606 29.5115 8.82128C29.3566 8.66649 29.1727 8.54372 28.9702 8.45997C28.7678 8.37622 28.5509 8.33315 28.3318 8.3332H8.31454C7.87209 8.3332 7.44777 8.50881 7.13492 8.82139C6.82206 9.13398 6.6463 9.55794 6.6463 10C6.6463 10.4421 6.82206 10.866 7.13492 11.1786C7.44777 11.4912 7.87209 11.6668 8.31454 11.6668H28.3318C28.5509 11.6669 28.7678 11.6238 28.9702 11.54C29.1727 11.4563 29.3566 11.3335 29.5115 11.1787C29.6664 11.0239 29.7893 10.8402 29.8731 10.6379C29.9569 10.4357 30.0001 10.2189 30 10ZM30 18.3332C30.0001 18.1143 29.957 17.8975 29.8732 17.6952C29.7894 17.4929 29.6665 17.3092 29.5116 17.1544C29.3567 16.9996 29.1727 16.8768 28.9703 16.7931C28.7678 16.7093 28.5509 16.6663 28.3318 16.6664H14.9871C14.5446 16.6664 14.1203 16.842 13.8075 17.1546C13.4946 17.4672 13.3188 17.8911 13.3188 18.3332C13.3188 18.7753 13.4946 19.1992 13.8075 19.5118C14.1203 19.8244 14.5446 20 14.9871 20H28.3318C28.5509 20.0001 28.7678 19.9571 28.9703 19.8733C29.1727 19.7896 29.3567 19.6668 29.5116 19.512C29.6665 19.3572 29.7894 19.1735 29.8732 18.9712C29.957 18.7689 30.0001 18.5521 30 18.3332Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

public/assets/images/nest.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.3 KiB

public/assets/images/popup1.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

public/assets/images/popup2.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

public/assets/images/popup3.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

public/assets/images/pro.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 244 KiB

public/assets/images/ring.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

public/assets/images/samsung.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.8 KiB

public/assets/images/sherwin.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

public/assets/images/twitter.svg
+5
View File
@@ -0,0 +1,5 @@
<svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.5">
<path d="M7.14163 5.19284L11.6089 0H10.5503L6.67137 4.50887L3.57328 0H0L4.68492 6.81821L0 12.2637H1.05866L5.15491 7.50218L8.42672 12.2637H12L7.14137 5.19284H7.14163ZM5.69165 6.87828L5.21697 6.19934L1.44011 0.79694H3.06615L6.11412 5.15685L6.5888 5.83579L10.5508 11.503H8.92476L5.69165 6.87854V6.87828Z" fill="#BABABA"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 445 B

public/assets/images/user1.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.4 KiB

public/assets/images/user2.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.2 KiB

Some files were not shown because too many files have changed in this diff Show More