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

Updated CSS styles

Browse Source
This commit is contained in:
Goutam
2026-05-01 14:32:31 +05:30
parent cc65a42f89
commit 071180acff
25 changed files with 877 additions and 745 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/about/page.tsx
+30
View File
@@ -0,0 +1,30 @@
import Link from "next/link";
import Image from "next/image";
export default function About() {
return (
<>
{/* HERO */}
<section className="ux-project-hero">
<div className="container">
<div className="ux-project-content text-center">
<h1 className="ux-project-title" data-aos="fade-up">
About AAideA.
</h1>
<p
className="ux-project-subtitle"
data-aos="fade-up"
data-aos-delay="120"
>
We build digital homes, brand systems, and scalable content
<br />
engines designed for clarity and growth.
</p>
</div>
</div>
</section>
</>
);
}
app/about/page.txt
View File
app/ai_powered/page.tsx
+10 -8
View File
@@ -1,3 +1,5 @@
import Link from "next/link";
export default function AiPowered() {
return (
<>
@@ -14,19 +16,19 @@ export default function AiPowered() {
</p>
</div>
<div className="ux-hero-actions">
<a href="#" className="btn ux-btn-primary">
<Link href="/start_project" 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">
</Link>
<Link href="/work" className="btn ux-btn-secondary">
View Case Studies
</a>
</Link>
</div>
<div className="row align-items-center g-5 ux-growth-section">
{/* Left Content */}
<div className="col-lg-7">
<div className="col-lg-8">
<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>
@@ -47,7 +49,7 @@ export default function AiPowered() {
<p className="ux-growth-bottom">Growth requires velocity.</p>
</div>
{/* Right Image */}
<div className="col-lg-5">
<div className="col-lg-4">
<div className="ux-growth-image-box">
<img
src="assets/images/Intelligent.png"
@@ -174,12 +176,12 @@ export default function AiPowered() {
If the idea is strong, we'll scale it.
</h2>
<div className="ux-hero-actions">
<a href="#" className="btn ux-btn-primary">
<Link href="/start_project" className="btn ux-btn-primary">
Start a Project{" "}
<span className="ux-btn-icon">
<img src="assets/images/arrowbuttonwhite.svg" alt="" />
</span>
</a>
</Link>
</div>
</div>
</div>
app/brand-architecture/page.tsx
+10 -8
View File
@@ -1,3 +1,5 @@
import Link from "next/link";
export default function Brandarchiture() {
return (
<>
@@ -12,19 +14,19 @@ export default function Brandarchiture() {
</p>
</div>
<div className="ux-hero-actions">
<a href="#" className="btn ux-btn-primary">
<Link href="/start_project" 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">
</Link>
<Link href="/work" className="btn ux-btn-secondary">
View Case Studies
</a>
</Link>
</div>
<div className="row align-items-center g-5 ux-growth-section">
{/* Left Content */}
<div className="col-lg-7">
<div className="col-lg-8">
<span className="ux-growth-label">Philosophy</span>
<h2 className="ux-growth-title">
Most Brands Are Visual Collections — Not Strategic Systems
@@ -49,7 +51,7 @@ export default function Brandarchiture() {
</p>
</div>
{/* Right Image */}
<div className="col-lg-5">
<div className="col-lg-4">
<div className="ux-growth-image-box">
<img src="assets/images/brandart.png" alt="Brand System" />
</div>
@@ -180,12 +182,12 @@ export default function Brandarchiture() {
If the idea is strong, we'll scale it.
</h2>
<div className="ux-hero-actions">
<a href="#" className="btn ux-btn-primary">
<Link href="/start_project" className="btn ux-btn-primary">
Start a Project{" "}
<span className="ux-btn-icon">
<img src="assets/images/arrowbuttonwhite.svg" alt="" />
</span>
</a>
</Link>
</div>
</div>
</div>
app/brand-build/page.tsx
+10 -8
View File
@@ -1,3 +1,5 @@
import Link from "next/link";
export default function brand_build() {
return (
<>
@@ -12,19 +14,19 @@ export default function brand_build() {
</p>
</div>
<div className="ux-hero-actions">
<a href="#" className="btn ux-btn-primary">
<Link href="/start_project" 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">
</Link>
<Link href="/work" className="btn ux-btn-secondary">
View Case Studies
</a>
</Link>
</div>
<div className="row align-items-center g-5 ux-growth-section">
{/* Left Content */}
<div className="col-lg-7">
<div className="col-lg-8">
<span className="ux-growth-label">Philosophy</span>
<h2 className="ux-growth-title">
Most Brands Are Visual Collections — Not Strategic Systems
@@ -49,7 +51,7 @@ export default function brand_build() {
</p>
</div>
{/* Right Image */}
<div className="col-lg-5">
<div className="col-lg-4">
<div className="ux-growth-image-box">
<img src="assets/images/Philosophy.png" alt="Brand System" />
</div>
@@ -180,12 +182,12 @@ export default function brand_build() {
If the idea is strong, we'll scale it.
</h2>
<div className="ux-hero-actions">
<a href="#" className="btn ux-btn-primary">
<Link href="/start_project" className="btn ux-btn-primary">
Start a Project{" "}
<span className="ux-btn-icon">
<img src="assets/images/arrowbuttonwhite.svg" alt="" />
</span>
</a>
</Link>
</div>
</div>
</div>
app/campaign_strategy/page.tsx
+10 -8
View File
@@ -1,3 +1,5 @@
import Link from "next/link";
export default function Campaign() {
return (
<>
@@ -12,19 +14,19 @@ export default function Campaign() {
</p>
</div>
<div className="ux-hero-actions">
<a href="#" className="btn ux-btn-primary">
<Link href="/start_project" 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">
</Link>
<Link href="/work" className="btn ux-btn-secondary">
View Case Studies
</a>
</Link>
</div>
<div className="row align-items-center g-5 ux-growth-section">
{/* Left Content */}
<div className="col-lg-7">
<div className="col-lg-8">
<span className="ux-growth-label">Philosophy</span>
<h2 className="ux-growth-title">
Most Campaigns Look Impressive But Lack Structure
@@ -49,7 +51,7 @@ export default function Campaign() {
</p>
</div>
{/* Right Image */}
<div className="col-lg-5">
<div className="col-lg-4">
<div className="ux-growth-image-box">
<img src="assets/images/Philosophy.png" alt="Campaign System" />
</div>
@@ -176,12 +178,12 @@ export default function Campaign() {
If the idea is strong, we'll scale it.
</h2>
<div className="ux-hero-actions">
<a href="#" className="btn ux-btn-primary">
<Link href="/start_project" className="btn ux-btn-primary">
Start a Project{" "}
<span className="ux-btn-icon">
<img src="assets/images/arrowbuttonwhite.svg" alt="" />
</span>
</a>
</Link>
</div>
</div>
</div>
app/components/AosInit.tsx
+29
View File
@@ -0,0 +1,29 @@
'use client';
import { useEffect } from 'react';
// @ts-expect-error — aos has no bundled types and no @types/aos installed
import AOS from 'aos';
import { usePathname } from 'next/navigation';
export default function AosInit() {
const pathname = usePathname();
useEffect(() => {
AOS.init({
duration: 800,
easing: 'ease-out-cubic',
offset: 60,
delay: 0,
once: true,
mirror: false,
anchorPlacement: 'top-bottom',
disable: () => window.matchMedia('(prefers-reduced-motion: reduce)').matches,
});
}, []);
useEffect(() => {
AOS.refreshHard();
}, [pathname]);
return null;
}
app/components/Footer.tsx
+12 -15
View File
@@ -6,9 +6,8 @@ export default function Footer() {
<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>
<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.
@@ -16,7 +15,6 @@ export default function Footer() {
</p>
</div>
{/* RIGHT */}
<div className="ux-footer-right">
<div className="ux-footer-links">
<h6>POPULAR</h6>
@@ -28,29 +26,28 @@ export default function Footer() {
<h6>HELP</h6>
<Link href="/process">Process</Link>
<Link href="/start_project">Start a Project</Link>
<Link href="/hvac">HVAC</Link>
<Link href="/contact">Contact</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>
<Link href="/terms">Terms and Conditions</Link>
<Link href="/privacy">Privacy Policy</Link>
<Link href="/faq">FAQ&apos;s</Link>
</div>
</div>
</div>
{/* BOTTOM */}
<div className="ux-footer-bottom">
<p>© 2026 AAideA by Insignia Consultancy Solutions. All rights reserved.</p>
<p>&copy; 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>
<a href="https://facebook.com" target="_blank" rel="noopener noreferrer"><Image src="/assets/images/facebook.svg" alt="facebook" width={20} height={20} /></a>
<a href="https://linkedin.com" target="_blank" rel="noopener noreferrer"><Image src="/assets/images/linkdien.svg" alt="linkedin" width={20} height={20} /></a>
<a href="https://instagram.com" target="_blank" rel="noopener noreferrer"><Image src="/assets/images/instagram.svg" alt="instagram" width={20} height={20} /></a>
<a href="https://twitter.com" target="_blank" rel="noopener noreferrer"><Image src="/assets/images/twitter.svg" alt="twitter" width={20} height={20} /></a>
<a href="https://youtube.com" target="_blank" rel="noopener noreferrer"><Image src="/assets/images/youtube.svg" alt="youtube" width={20} height={20} /></a>
</div>
</div>
</div>
</footer>
);
}
}
app/components/Header.tsx
+1
View File
@@ -37,6 +37,7 @@ export default function Header() {
<li><Link href="/services" onClick={closeAll}>Services</Link></li>
<li><Link href="/about" onClick={closeAll}>About</Link></li>
<li><Link href="/process" onClick={closeAll}>Process</Link></li>
<li><Link href="/contact" onClick={closeAll}>Contact</Link></li>
<li className="ux-nav-cta">
<Link href="/start_project" onClick={closeAll}>Start a Project</Link>
app/contact/page.tsx
+55
View File
@@ -0,0 +1,55 @@
import Link from "next/link";
export default function Contact() {
return (
<>
<section className="ux-project-hero">
<div className="container">
<div className="ux-project-content text-center">
<h1 className="ux-project-title">Get in touch.</h1>
<p className="ux-project-subtitle">
Tell us about your project. We respond within one business day.
</p>
<div className="ux-breadcrumb-wrap">
<Link href="/">Home</Link>
<span>/</span>
<p>Contact</p>
</div>
</div>
</div>
</section>
<section className="ux-about-section">
<div className="container">
<div className="row">
<div className="col-lg-9 mx-auto">
<h4 className="ux-card-title">Email</h4>
<p className="ux-card-text">
<a href="mailto:info@aaidea.com" className="ux-link">info@aaidea.com</a>
</p>
<h4 className="ux-card-title mt-5">Office</h4>
<p className="ux-card-text">
410 Sandtown, California 94001, USA
</p>
<h4 className="ux-card-title mt-5">Start a project</h4>
<p className="ux-card-text">
Ready to scope? Use our{" "}
<Link href="/start_project" className="ux-link">project intake form</Link>{" "}
&mdash; it takes about 3 minutes and we&apos;ll respond with next steps.
</p>
<h4 className="ux-card-title mt-5">Other resources</h4>
<p className="ux-card-text">
Read about our <Link href="/process" className="ux-link">process</Link>,
explore <Link href="/services" className="ux-link">services</Link>,
or check the <Link href="/faq" className="ux-link">FAQ</Link>.
</p>
</div>
</div>
</div>
</section>
</>
);
}
app/content_motion/page.tsx
+10 -8
View File
@@ -1,3 +1,5 @@
import Link from "next/link";
export default function Content() {
return (
<>
@@ -13,19 +15,19 @@ export default function Content() {
</p>
</div>
<div className="ux-hero-actions">
<a href="#" className="btn ux-btn-primary">
<Link href="/start_project" 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">
</Link>
<Link href="/work" className="btn ux-btn-secondary">
View Case Studies
</a>
</Link>
</div>
<div className="row align-items-center g-5 ux-growth-section">
{/* Left Content */}
<div className="col-lg-7">
<div className="col-lg-8">
<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>
@@ -48,7 +50,7 @@ export default function Content() {
</p>
</div>
{/* Right Image */}
<div className="col-lg-5">
<div className="col-lg-4">
<div className="ux-growth-image-box">
<img src="assets/images/Content.png" alt="Content System" />
</div>
@@ -172,12 +174,12 @@ export default function Content() {
If the idea is strong, we'll scale it.
</h2>
<div className="ux-hero-actions">
<a href="#" className="btn ux-btn-primary">
<Link href="/start_project" className="btn ux-btn-primary">
Start a Project{" "}
<span className="ux-btn-icon">
<img src="assets/images/arrowbuttonwhite.svg" alt="" />
</span>
</a>
</Link>
</div>
</div>
</div>
app/digital_platform/page.tsx
+10 -8
View File
@@ -1,3 +1,5 @@
import Link from "next/link";
export default function Digital() {
return (
<>
@@ -14,19 +16,19 @@ export default function Digital() {
</p>
</div>
<div className="ux-hero-actions">
<a href="#" className="btn ux-btn-primary">
<Link href="/start_project" 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">
</Link>
<Link href="/work" className="btn ux-btn-secondary">
View Case Studies
</a>
</Link>
</div>
<div className="row align-items-center g-5 ux-growth-section">
{/* Left Content */}
<div className="col-lg-7">
<div className="col-lg-8">
<span className="ux-growth-label">Philosophy</span>
<h2 className="ux-growth-title">Most Websites Break Under Growth</h2>
<p className="ux-growth-subtitle">
@@ -55,7 +57,7 @@ export default function Digital() {
</p>
</div>
{/* Right Image */}
<div className="col-lg-5">
<div className="col-lg-4">
<div className="ux-growth-image-box">
<img src="assets/images/Philosophy.png" alt="UI Design" />
</div>
@@ -254,12 +256,12 @@ export default function Digital() {
If the idea is strong, we'll scale it.
</h2>
<div className="ux-hero-actions">
<a href="#" className="btn ux-btn-primary">
<Link href="/start_project" className="btn ux-btn-primary">
Start a Project{" "}
<span className="ux-btn-icon">
<img src="assets/images/arrowbuttonwhite.svg" alt="" />
</span>
</a>
</Link>
</div>
</div>
</div>
app/faq/page.tsx
+98
View File
@@ -0,0 +1,98 @@
'use client';
import { useState } from "react";
import Link from "next/link";
const faqData = [
{
question: "How do projects start?",
answer: (
<>
Begin with our{" "}
<Link href="/start_project" className="ux-link">
project intake form
</Link>
. We respond within one business day with next steps.
</>
),
},
{
question: "What does pricing look like?",
answer:
"Engagements are scoped per project. Typical builds start in the $25K range.",
},
{
question: "Do you work with international clients?",
answer:
"Yes. We operate across US, EU, and APAC time zones.",
},
{
question: "Can I see your process?",
answer: (
<>
Check our{" "}
<Link href="/process" className="ux-link">
Absorb → Amplify → Activate
</Link>{" "}
workflow.
</>
),
},
];
export default function FAQ() {
const [activeIndex, setActiveIndex] = useState<number | null>(null);
const toggle = (index: number) => {
setActiveIndex(activeIndex === index ? null : index);
};
return (
<>
{/* HERO */}
<section className="ux-project-hero">
<div className="container text-center">
<h1 className="ux-project-title">Frequently Asked Questions</h1>
<p className="ux-project-subtitle">
Everything you need to know before working with us.
</p>
</div>
</section>
{/* ACCORDION */}
<section className="ux-about-section">
<div className="container">
<div className="faq-wrapper">
{faqData.map((item, index) => (
<div
key={index}
className={`faq-item ${activeIndex === index ? "active" : ""}`}
>
<button
className="faq-question"
onClick={() => toggle(index)}
>
<span>{item.question}</span>
<span className="faq-icon">
{activeIndex === index ? "−" : "+"}
</span>
</button>
<div
className="faq-answer"
style={{
maxHeight: activeIndex === index ? "200px" : "0px",
}}
>
<p>{item.answer}</p>
</div>
</div>
))}
</div>
</div>
</section>
</>
);
}
app/hvac/page.tsx
+6 -4
View File
@@ -1,3 +1,5 @@
import Link from "next/link";
export default function Hvac() {
return (
<>
@@ -98,9 +100,9 @@ export default function Hvac() {
Clear digital authority. Improved lead capture flow. Scalable
marketing infrastructure.
</p>
<a href="#" className="ux-result-btn">
<Link href="/start_project" className="ux-result-btn">
Build your digital engine
</a>
</Link>
</div>
</div>
</div>
@@ -114,12 +116,12 @@ export default function Hvac() {
If the idea is strong, we'll scale it.
</h2>
<div className="ux-hero-actions">
<a href="#" className="btn ux-btn-primary">
<Link href="/start_project" className="btn ux-btn-primary">
Start a Project{" "}
<span className="ux-btn-icon">
<img src="assets/images/arrowbuttonwhite.svg" alt="" />
</span>
</a>
</Link>
</div>
</div>
</div>
app/layout.tsx
+15 -24
View File
@@ -4,6 +4,7 @@ import "aos/dist/aos.css"
import { Toaster } from "react-hot-toast";
import Header from "./components/Header"
import Footer from "./components//Footer"
import AosInit from "./components/AosInit"
import Script from "next/script"
export default function RootLayout({
children,
@@ -21,35 +22,25 @@ export default function RootLayout({
<body>
<Toaster position="top-right" />
<AosInit />
<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"
/>
<Footer />
<Script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"
strategy="afterInteractive"
/>
<Script
src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"
strategy="afterInteractive"
/>
<Script
src="/assets/js/main.js"
strategy="afterInteractive"
/>
</body>
</html>
)
app/linkedin_uppro/page.tsx
+6 -4
View File
@@ -1,3 +1,5 @@
import Link from "next/link";
export default function linkedin_uppro() {
return (
<>
@@ -95,9 +97,9 @@ export default function linkedin_uppro() {
Professional-grade platform. Structured user journey. Scalable
product foundation.
</p>
<a href="#" className="ux-result-btn">
<Link href="/start_project" className="ux-result-btn">
Design your platform
</a>
</Link>
</div>
</div>
</div>
@@ -111,12 +113,12 @@ export default function linkedin_uppro() {
If the idea is strong, we'll scale it.
</h2>
<div className="ux-hero-actions">
<a href="#" className="btn ux-btn-primary">
<Link href="/start_project" className="btn ux-btn-primary">
Start a Project{" "}
<span className="ux-btn-icon">
<img src="assets/images/arrowbuttonwhite.svg" alt="" />
</span>
</a>
</Link>
</div>
</div>
</div>
app/page.tsx
+26 -26
View File
@@ -22,15 +22,15 @@ export default function HomePage() {
modern operators.
</p>
<div className="ux-hero-actions">
<a href="#" className="btn ux-btn-primary">
<Link href="/start_project" 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">
</Link>
<Link href="/work" className="btn ux-btn-secondary">
View Case Studies
</a>
</Link>
</div>
</div>
</div>
@@ -130,12 +130,12 @@ export default function HomePage() {
We build digital homes, brand systems, and scalable content engines
designed for clarity and growth.
</p>
<a href="#" className="btn ux-btn-primary">
<Link href="/start_project" className="btn ux-btn-primary">
Start a Project{" "}
<span className="ux-btn-icon">
<img src="assets/images/arrowbuttonwhite.svg" alt="" />
</span>
</a>
</Link>
</div>
</div>
<div className="partners-wrapper">
@@ -195,9 +195,9 @@ export default function HomePage() {
Turning a legacy service business into a structured digital lead
engine.
</p>
<a href="#" className="ux-link">
<Link href="/work" className="ux-link">
Learn Case <img src="assets/images/arrowlearn.svg" alt="" />
</a>
</Link>
</div>
</div>
<div className="swiper-slide">
@@ -208,9 +208,9 @@ export default function HomePage() {
Building a brand system for immersive learning in a fragmented
market.
</p>
<a href="#" className="ux-link">
<Link href="/work" className="ux-link">
Learn Case <img src="assets/images/arrowlearn.svg" alt="" />
</a>
</Link>
</div>
</div>
<div className="swiper-slide">
@@ -221,9 +221,9 @@ export default function HomePage() {
Designing a SaaS platform that bridges vetted talent and
execution.
</p>
<a href="#" className="ux-link">
<Link href="/work" className="ux-link">
Learn Case <img src="assets/images/arrowlearn.svg" alt="" />
</a>
</Link>
</div>
</div>
<div className="swiper-slide">
@@ -234,9 +234,9 @@ export default function HomePage() {
Turning a legacy service business into a structured digital lead
engine.
</p>
<a href="#" className="ux-link">
<Link href="/work" className="ux-link">
Learn Case <img src="assets/images/arrowlearn.svg" alt="" />
</a>
</Link>
</div>
</div>
<div className="swiper-slide">
@@ -250,9 +250,9 @@ export default function HomePage() {
Turning a legacy service business into a structured digital lead
engine.
</p>
<a href="#" className="ux-link">
<Link href="/work" className="ux-link">
Learn Case <img src="assets/images/arrowlearn.svg" alt="" />
</a>
</Link>
</div>
</div>
<div className="swiper-slide">
@@ -263,9 +263,9 @@ export default function HomePage() {
Building a brand system for immersive learning in a fragmented
market.
</p>
<a href="#" className="ux-link">
<Link href="/work" className="ux-link">
Learn Case <img src="assets/images/arrowlearn.svg" alt="" />
</a>
</Link>
</div>
</div>
<div className="swiper-slide">
@@ -276,9 +276,9 @@ export default function HomePage() {
Designing a SaaS platform that bridges vetted talent and
execution.
</p>
<a href="#" className="ux-link">
<Link href="/work" className="ux-link">
Learn Case <img src="assets/images/arrowlearn.svg" alt="" />
</a>
</Link>
</div>
</div>
<div className="swiper-slide">
@@ -289,9 +289,9 @@ export default function HomePage() {
Turning a legacy service business into a structured digital lead
engine.
</p>
<a href="#" className="ux-link">
<Link href="/work" className="ux-link">
Learn Case <img src="assets/images/arrowlearn.svg" alt="" />
</a>
</Link>
</div>
</div>
</div>
@@ -515,12 +515,12 @@ export default function HomePage() {
Every project follows the same internal discipline.
</h2>
</div>
<a href="#" className="btn ux-btn-primary">
<Link href="/process" className="btn ux-btn-primary">
Explore our Process
<span className="ux-btn-icon">
<img src="assets/images/arrowbuttonwhite.svg" alt="" />
</span>
</a>
</Link>
</div>
{/* Steps */}
<div className="row g-4 align-items-stretch">
@@ -580,12 +580,12 @@ export default function HomePage() {
If the idea is strong, we'll scale it.
</h2>
<div className="ux-hero-actions">
<a href="#" className="btn ux-btn-primary">
<Link href="/start_project" className="btn ux-btn-primary">
Start a Project{" "}
<span className="ux-btn-icon">
<img src="assets/images/arrowbuttonwhite.svg" alt="" />
</span>
</a>
</Link>
</div>
</div>
</div>
app/privacy/page.tsx
+49
View File
@@ -0,0 +1,49 @@
import Link from "next/link";
export default function Privacy() {
return (
<>
<section className="ux-project-hero">
<div className="container">
<div className="ux-project-content text-center">
<h1 className="ux-project-title">Privacy Policy.</h1>
<p className="ux-project-subtitle">
How we collect, use, and protect your information.
</p>
</div>
</div>
</section>
<section className="ux-about-section">
<div className="container">
<div className="row">
<div className="col-lg-9 mx-auto">
<h2 className="ux-main-heading mb-4">Information We Collect</h2>
<p className="ux-card-text">
We collect information you provide directly through our project intake form,
including name, company, email, and project details.
</p>
<h4 className="ux-card-title mt-5">How We Use It</h4>
<p className="ux-card-text">
We use the information to respond to inquiries, scope projects, and improve
our services. We do not sell your data.
</p>
<h4 className="ux-card-title mt-5">Cookies</h4>
<p className="ux-card-text">
We use minimal first-party cookies for site analytics and session continuity.
</p>
<h4 className="ux-card-title mt-5">Contact</h4>
<p className="ux-card-text">
For privacy questions, please <Link href="/contact" className="ux-link">contact us</Link>.
</p>
</div>
</div>
</div>
</section>
</>
);
}
app/process/page.tsx
+4 -2
View File
@@ -1,3 +1,5 @@
import Link from "next/link";
export default function Process() {
return (
<>
@@ -149,12 +151,12 @@ export default function Process() {
If the idea is strong, we'll scale it.
</h2>
<div className="ux-hero-actions">
<a href="#" className="btn ux-btn-primary">
<Link href="/start_project" className="btn ux-btn-primary">
Start a Project{" "}
<span className="ux-btn-icon">
<img src="assets/images/arrowbuttonwhite.svg" alt="" />
</span>
</a>
</Link>
</div>
</div>
</div>
app/services/page.tsx
+4 -4
View File
@@ -17,15 +17,15 @@ export default function Services() {
</p>
</div>
<div className="ux-hero-actions">
<a href="#" className="btn ux-btn-primary">
<Link href="/digital_platform" 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">
</Link>
<Link href="/brand-architecture" className="btn ux-btn-secondary">
Explore Brand Systems →
</a>
</Link>
</div>
</div>
</section>
app/start_project/page.tsx
+9 -8
View File
@@ -2,6 +2,7 @@
import { useState } from "react";
import toast from "react-hot-toast";
import Link from "next/link";
export default function Start() {
const [form, setForm] = useState({
@@ -98,19 +99,19 @@ export default function Start() {
hello@ovela.com
</a>
<div className="ux-social-list">
<a href="#">
<a href="https://twitter.com" target="_blank" rel="noopener noreferrer">
Twitter <img src="assets/images/witterarrow.svg" alt="" />
</a>
<a href="#">
<a href="https://facebook.com" target="_blank" rel="noopener noreferrer">
Facebook <img src="assets/images/witterarrow.svg" alt="" />
</a>
<a href="#">
<a href="https://instagram.com" target="_blank" rel="noopener noreferrer">
Instagram <img src="assets/images/witterarrow.svg" alt="" />
</a>
<a href="#">
<a href="https://linkedin.com" target="_blank" rel="noopener noreferrer">
Linkedin <img src="assets/images/witterarrow.svg" alt="" />
</a>
<a href="#">
<a href="https://youtube.com" target="_blank" rel="noopener noreferrer">
Youtube <img src="assets/images/witterarrow.svg" alt="" />
</a>
</div>
@@ -248,12 +249,12 @@ export default function Start() {
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{" "}
<Link href="/contact" className="btn ux-btn-primary">
Contact Us{" "}
<span className="ux-btn-icon">
<img src="assets/images/arrowbuttonwhite.svg" alt="" />
</span>
</a>
</Link>
</div>
</div>
</div>
app/terms/page.tsx
+57
View File
@@ -0,0 +1,57 @@
import Link from "next/link";
export default function Terms() {
return (
<>
<section className="ux-project-hero">
<div className="container">
<div className="ux-project-content text-center">
<h1 className="ux-project-title">Terms &amp; Conditions.</h1>
<p className="ux-project-subtitle">
The terms that govern your use of this site and our services.
</p>
</div>
</div>
</section>
<section className="ux-about-section">
<div className="container">
<div className="row">
<div className="col-lg-9 mx-auto">
<h2 className="ux-main-heading mb-4">Acceptance of Terms</h2>
<p className="ux-card-text">
By accessing this site, you agree to these terms. If you do not agree,
please do not use the site.
</p>
<h4 className="ux-card-title mt-5">Use of Content</h4>
<p className="ux-card-text">
All content, branding, and materials on this site are owned by AAideA
and may not be reproduced without written permission.
</p>
<h4 className="ux-card-title mt-5">Engagements</h4>
<p className="ux-card-text">
Project work is governed by a separate Statement of Work signed at the
start of each engagement. See our{" "}
<Link href="/process" className="ux-link">process</Link> for how that flow runs.
</p>
<h4 className="ux-card-title mt-5">Privacy</h4>
<p className="ux-card-text">
Read our <Link href="/privacy" className="ux-link">Privacy Policy</Link>{" "}
for how we handle your information.
</p>
<h4 className="ux-card-title mt-5">Contact</h4>
<p className="ux-card-text">
Questions about these terms? <Link href="/contact" className="ux-link">Contact us</Link>.
</p>
</div>
</div>
</div>
</section>
</>
);
}
app/work/page.tsx
+4 -2
View File
@@ -1,3 +1,5 @@
import Link from "next/link";
export default function WorkPage() {
return (
<>
@@ -214,12 +216,12 @@ export default function WorkPage() {
If the idea is strong, we'll scale it.
</h2>
<div className="ux-hero-actions">
<a href="#" className="btn ux-btn-primary">
<Link href="/start_project" className="btn ux-btn-primary">
Start a Project{" "}
<span className="ux-btn-icon">
<img src="assets/images/arrowbuttonwhite.svg" alt="" />
</span>
</a>
</Link>
</div>
</div>
</div>