diff --git a/app/about/page.tsx b/app/about/page.tsx index 0dd37d2..5b21215 100644 --- a/app/about/page.tsx +++ b/app/about/page.tsx @@ -1,30 +1,291 @@ -import Link from "next/link"; -import Image from "next/image"; - export default function About() { + const beliefData = [ + { + title: "Ideas must survive scale", + desc: "A strong concept doesn't break when applied across formats, platforms, or timezones. It adapts without dilution.", + icon: "bi-layers", + }, + { + title: "Design must justify itself", + desc: "Every decision has a reason. We don't chase trends or add complexity for its own sake. Form follows function always.", + icon: "bi-vector-pen", + }, + { + title: "AI is leverage, not identity", + desc: "We use AI to accelerate execution, not replace judgment. Technology amplifies structured thinking—it doesn't create it.", + icon: "bi-cpu", + highlight: true, + }, + { + title: "Systems beat style", + desc: "A beautiful website that can't be updated is a liability. We build for longevity, not just launch day.", + icon: "bi-columns-gap", + }, + ]; + return ( <> {/* HERO */}
+
+ +
+

+ We Build With Structure. +

+ +

+ AAideA is a boutique systems-led creative studio for operators who need + more than aesthetic polish—they need scalable execution. +

+
+ + {/* 🔥 IMAGE ROW */} +
+ +
+
+ Team Work +
+
+ +
+
+ Office +
+
+ +
+
+ Collaboration +
+
+ +
+ +
+
+ + {/* PHILOSOPHY */} +
-
-

- About AAideA. -

-

- We build digital homes, brand systems, and scalable content -
- engines designed for clarity and growth. -

- +
+ +
+
+ Philosophy +
+
+ +
+

Philosophy

+ +

+ We exist at the intersection of strategy, design, and execution. + Not as separate phases—but as a single disciplined approach. +

+ +

+ Too Many Agencies Deliver Beautiful Work That Doesn't Scale. + Too Many Consultancies Deliver Strategies That Never Ship. We Do Both. +

+ +

+ Our Clients Don't Need Hand-Holding. They Need Clarity, Structure, + And Speed—Without Sacrificing Taste Or Long-Term Thinking. +

+
+
+ {/* ✅ BELIEF SECTION (ADDED HERE) */} +
+
+

What We Believe

+ +
+ {beliefData.map((item, i) => ( +
+
+ +
+ Global +
+ +
{item.title}
+

{item.desc}

+ +
+
+ ))} +
+
+
+
+
+
+

Working Model

+ +

+ We operate lean. Senior-led execution. No bloated teams.
+ No outsource chaos. +

+
+
+ + {/* CARD 1 */} +
+
+ 01 +

+ Every project is led by senior practitioners—not delegated to junior + teams or external freelancers. You work directly with the people + building your brand. +

+
+
+ + {/* CARD 2 */} +
+
+ 02 +

+ We don't scale headcount. We scale systems. This means faster + timelines, clearer communication, and consistent quality from + concept through deployment. +

+
+
+ + {/* CARD 3 */} +
+
+ 03 +

+ Small teams move faster. Less bureaucracy. More accountability. + Better outcomes. +

+
+
+ +
+ +
+
+
+
+
+ + {/* LEFT CONTENT */} +
+ +

Global Outlook

+ +

+ Built for global decision-makers. +

+ +

+ We work with operators across industries and geographies—from + venture-backed startups to established brands entering new markets. + Location doesn’t limit execution. +

+ +
+ + + Global Remote-first. Timezone-flexible. Outcome-focused. + +
+ +
+ + {/* RIGHT IMAGE */} +
+
+ Global +
+
+ +
+
+
+ +
+
+
+ + {/* LEFT IMAGE */} +
+
+ Team +
+
+ + {/* RIGHT CONTENT */} +
+ +

Who We Work With

+ +

+ Founders building brands that need to scale without losing coherence. +

+ +

+ Operators who move fast but think long-term—execution speed matters, + but structure matters more. +

+ +

+ Companies entering new markets or repositioning existing offerings— + where clarity is the competitive advantage. +

+ +

+ If you value noise over signal, we’re not the right fit. +

+ +

+ If you need cheap and fast over structured and right, look elsewhere. +

+ +
+ +
+
+
+ + + + + + ); -} +} \ No newline at end of file diff --git a/public/assets/css/style.css b/public/assets/css/style.css index 17341ab..4631f86 100644 --- a/public/assets/css/style.css +++ b/public/assets/css/style.css @@ -1877,4 +1877,138 @@ h2 { margin-top: 10px; color: #666; line-height: 1.6; +} + + +.hero-img-box { + border-radius: 18px; + overflow: hidden; + transition: all 0.4s ease; +} + +.hero-img-box img { + width: 100%; + height: 370px; + object-fit: cover; + transition: transform 0.4s ease; +} + +/* Hover effect */ +.hero-img-box:hover img { + transform: scale(1.05); +} +.who-section { + padding: 70px 0; +} +.who-section p {font-size: 17px;} +.who-section .who-muted { + opacity: 0.5; +} + +.global-section { + background: url(../images/globalout.png); + color: #fff; + overflow: hidden; +} + +.global-section .small-title { + color: #ffffff; + font-size: 14px; + margin-bottom: 20px; +} + +.global-section .main-heading { + font-weight: 600; + color: white !important; + line-height: 1.3; +} + +.global-section .desc { + color: #cbd5e1; + font-size: 16px; + line-height: 1.7; + max-width: 520px; + margin-top: 30px !important; +} + +/* Highlight Box */ +.highlight-box { + display: inline-flex; + align-items: center; + gap: 10px; + padding: 14px 20px; + border-radius: 12px; + border: 1px solid rgb(132 204 22 / 16%); + background: rgb(8 8 8 / 8%); + color: #a3e635; + font-weight: 500; +} + +.highlight-box i { + font-size: 18px; +} + +/* Image Styling */ +.image-box img { + border-radius: 16px; + width: 100%; + object-fit: cover; +} + +.working-card { + background: #fff; + padding: 30px 30px; + border-radius: 16px; + position: relative; + min-height: 270px; + border: 1px solid #eee; + transition: all 0.3s ease; + margin-top: 40px; +} + +.working-card:hover { + transform: translateY(-5px); + box-shadow: 0 10px 30px rgba(0,0,0,0.05); +} + +.working-card .number { + font-size: 48px; + font-weight: 700; + color: #e5e5e5; + display: block; + margin-bottom: 20px; +} + +.working-card p { + font-size: 15px; + color: #555; + line-height: 1.6; +} +.working-section { + padding: 80px 0; +} +.belief-section{ + padding: 80px 0; + background: #FBFBFB; +} +.belief-card { + background: #FFFFFF; + border: 1px solid #F3E8E8; + backdrop-filter: blur(47px); + border-radius: 15px; + padding: 30px 24px; + min-height: 312px; +} +.belief-card h5 { + font-weight: 800; +} +.belief-card p { + margin-top: 60px; +} +.belief-card img { + margin: 0 0 30px; +} +.hero-img-boxup { + top: 51px; + margin-top: 60px; } \ No newline at end of file diff --git a/public/assets/images/Designabout.svg b/public/assets/images/Designabout.svg new file mode 100644 index 0000000..6a63d66 --- /dev/null +++ b/public/assets/images/Designabout.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/public/assets/images/Ideasabout.svg b/public/assets/images/Ideasabout.svg new file mode 100644 index 0000000..2f33ab4 --- /dev/null +++ b/public/assets/images/Ideasabout.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/public/assets/images/Systems.svg b/public/assets/images/Systems.svg new file mode 100644 index 0000000..bbbbf8d --- /dev/null +++ b/public/assets/images/Systems.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/public/assets/images/Whoabout.png b/public/assets/images/Whoabout.png new file mode 100644 index 0000000..0b56ad8 Binary files /dev/null and b/public/assets/images/Whoabout.png differ diff --git a/public/assets/images/buildaboiticon.svg b/public/assets/images/buildaboiticon.svg new file mode 100644 index 0000000..c7f2d94 --- /dev/null +++ b/public/assets/images/buildaboiticon.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/public/assets/images/decision.png b/public/assets/images/decision.png new file mode 100644 index 0000000..7f031f1 Binary files /dev/null and b/public/assets/images/decision.png differ diff --git a/public/assets/images/globalout.png b/public/assets/images/globalout.png new file mode 100644 index 0000000..c32e9a7 Binary files /dev/null and b/public/assets/images/globalout.png differ diff --git a/public/assets/images/intersection.png b/public/assets/images/intersection.png new file mode 100644 index 0000000..f170079 Binary files /dev/null and b/public/assets/images/intersection.png differ diff --git a/public/assets/images/leverage.svg b/public/assets/images/leverage.svg new file mode 100644 index 0000000..b3b7553 --- /dev/null +++ b/public/assets/images/leverage.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/assets/images/structure1.png b/public/assets/images/structure1.png new file mode 100644 index 0000000..6020a3c Binary files /dev/null and b/public/assets/images/structure1.png differ diff --git a/public/assets/images/structure2.png b/public/assets/images/structure2.png new file mode 100644 index 0000000..26237e3 Binary files /dev/null and b/public/assets/images/structure2.png differ diff --git a/public/assets/images/structure3.png b/public/assets/images/structure3.png new file mode 100644 index 0000000..188c0c0 Binary files /dev/null and b/public/assets/images/structure3.png differ