🍱 Add separate assets for holding & foundation

public/browserconfig.xml → public/foundation/browserconfig.xml

@@ -3,7 +3,7 @@
     <msapplication>
         <tile>
             <square150x150logo src="/mstile-150x150.png"/>
-            <TileColor>#ff0000</TileColor>
+            <TileColor>#15b8a6</TileColor>
         </tile>
     </msapplication>
 </browserconfig>

public/foundation/googlef8a032d646066bf7.html

@@ -0,0 +1 @@
+google-site-verification: googlef8a032d646066bf7.html

public/site.webmanifest → public/foundation/site.webmanifest

@@ -3,17 +3,17 @@
   "short_name": "Chowdhary.org",
   "icons": [
     {
-      "src": "/assets/android-chrome-192x192.png",
+      "src": "/android-chrome-192x192.png",
       "sizes": "192x192",
       "type": "image/png"
     },
     {
-      "src": "/assets/android-chrome-512x512.png",
+      "src": "/android-chrome-512x512.png",
       "sizes": "512x512",
       "type": "image/png"
     }
   ],
-  "theme_color": "#ffffff",
-  "background_color": "#ffffff",
+  "theme_color": "#15b8a6",
+  "background_color": "#15b8a6",
   "display": "standalone"
 }

public/holdings/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#0ca5e9</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

public/holdings/site.webmanifest

@@ -0,0 +1,19 @@
+{
+  "name": "Chowdhary.co",
+  "short_name": "Chowdhary.co",
+  "icons": [
+    {
+      "src": "/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#0ca5e9",
+  "background_color": "#0ca5e9",
+  "display": "standalone"
+}

src/app/foundation/components/BackgroundImage.tsx

@@ -10,7 +10,7 @@ export function BackgroundImage({
   return (
     <div
       className={clsx(
-        'bg-primary-50 absolute inset-0 overflow-hidden',
+        'absolute inset-0 overflow-hidden bg-primary-50',
         className,
       )}
     >

src/app/foundation/components/Button.tsx

@@ -14,17 +14,17 @@ export function Button({ className, children, ...props }: ButtonProps) {
   return typeof props.href === 'undefined' ? (
     <div className="relative">
       <button className={className}>
-        <ButtonLeft className="text-primary-600 group-hover:text-primary-500 absolute left-px top-0 h-full -translate-x-full " />
+        <ButtonLeft className="absolute left-px top-0 h-full -translate-x-full text-primary-600 group-hover:text-primary-500 " />
         {children}
-        <ButtonLeft className="text-primary-600 group-hover:text-primary-500 absolute right-px top-0 h-full translate-x-full rotate-180" />
+        <ButtonLeft className="absolute right-px top-0 h-full translate-x-full rotate-180 text-primary-600 group-hover:text-primary-500" />
       </button>
     </div>
   ) : (
     <div className="relative">
       <Link href={props.href} className={className}>
-        <ButtonLeft className="text-primary-600 group-hover:text-primary-500 absolute left-px top-0 h-full -translate-x-full" />
+        <ButtonLeft className="absolute left-px top-0 h-full -translate-x-full text-primary-600 group-hover:text-primary-500" />
         {children}
-        <ButtonLeft className="text-primary-600 group-hover:text-primary-500 absolute right-px top-0 h-full translate-x-full rotate-180" />
+        <ButtonLeft className="absolute right-px top-0 h-full translate-x-full rotate-180 text-primary-600 group-hover:text-primary-500" />
       </Link>
     </div>
   )

src/app/foundation/components/Footer.tsx

@@ -6,7 +6,7 @@ export function Footer() {
   return (
     <footer className="flex-none py-16">
       <Container className="flex flex-col items-center justify-between md:flex-row">
-        <Logo className="text-primary-500 h-12 w-auto" />
+        <Logo className="h-12 w-auto text-primary-500" />
         <nav className="mt-4 flex items-center space-x-4 sm:mt-0">
           <a
             href="https://linkedin.com/company/chowdhary"

src/app/foundation/components/Hero.tsx

@@ -5,14 +5,14 @@ import { Container } from '@/app/foundation/components/Container'
 export function Hero() {
   return (
     <div className="relative py-20 sm:pb-24 sm:pt-36">
-      <BackgroundImage className="text-primary-300 -bottom-14 -top-36" />
+      <BackgroundImage className="-bottom-14 -top-36 text-primary-300" />
       <Container className="relative">
         <div className="mx-auto max-w-2xl lg:max-w-4xl lg:px-12">
-          <h1 className="text-primary-600 font-display text-5xl font-bold tracking-tighter sm:text-7xl">
+          <h1 className="font-display text-5xl font-bold tracking-tighter text-primary-600 sm:text-7xl">
             Technology for good.
           </h1>
-          <div className="text-primary-900 mt-6 space-y-6 font-display text-2xl tracking-tight">
-            <p className="text-primary-700 text-3xl font-bold">
+          <div className="mt-6 space-y-6 font-display text-2xl tracking-tight text-primary-900">
+            <p className="text-3xl font-bold text-primary-700">
               We are a nonprofit harnessing the power of technology to open
               doors to a better future.
             </p>

src/app/foundation/components/Newsletter.tsx

@@ -20,13 +20,13 @@ export function Newsletter() {
   return (
     <section id="newsletter" aria-label="Newsletter">
       <Container>
-        <div className="bg-primary-50 relative -mx-4 overflow-hidden px-4 py-20 sm:-mx-6 sm:px-6 md:mx-0 md:rounded-5xl md:px-16 xl:px-24 xl:py-36">
+        <div className="relative -mx-4 overflow-hidden bg-primary-50 px-4 py-20 sm:-mx-6 sm:px-6 md:mx-0 md:rounded-5xl md:px-16 xl:px-24 xl:py-36">
           <div className="relative mx-auto grid max-w-2xl grid-cols-1 gap-x-32 gap-y-14 xl:max-w-none xl:grid-cols-2">
             <div>
-              <p className="text-primary-900 font-display text-4xl font-bold tracking-tighter sm:text-5xl">
+              <p className="font-display text-4xl font-bold tracking-tighter text-primary-900 sm:text-5xl">
                 Apply for a grant
               </p>
-              <p className="text-primary-900 mt-4 text-lg tracking-tight">
+              <p className="mt-4 text-lg tracking-tight text-primary-900">
                 We’re looking for projects that are making a positive impact on
                 the world. If that sounds like you, please apply and we’ll be in
                 touch if it’s a good fit.
@@ -38,27 +38,27 @@ export function Newsletter() {
               className="space-y-5"
             >
               <label className="block space-y-2">
-                <div className="text-primary-700 font-bold">Name</div>
+                <div className="font-bold text-primary-700">Name</div>
                 <input
                   name="name"
                   autoComplete="name"
                   type="text"
-                  className="focus:ring-primary-500 w-full rounded-lg border px-5 py-4 shadow focus:outline-none focus:ring-2"
+                  className="w-full rounded-lg border px-5 py-4 shadow focus:outline-none focus:ring-2 focus:ring-primary-500"
                   placeholder="What's your full name?"
                 />
               </label>
               <label className="block space-y-2">
-                <div className="text-primary-700 font-bold">Email</div>
+                <div className="font-bold text-primary-700">Email</div>
                 <input
                   name="email"
                   autoComplete="email"
                   type="email"
-                  className="focus:ring-primary-500 w-full rounded-lg border px-5 py-4 shadow focus:outline-none focus:ring-2"
+                  className="w-full rounded-lg border px-5 py-4 shadow focus:outline-none focus:ring-2 focus:ring-primary-500"
                   placeholder="What's your work or school email?"
                 />
               </label>
               <fieldset className="space-y-2">
-                <legend className="text-primary-700 font-bold">Topic</legend>
+                <legend className="font-bold text-primary-700">Topic</legend>
                 <label className="flex items-center space-x-2">
                   <input
                     name="topic"
@@ -82,11 +82,11 @@ export function Newsletter() {
                 </label>
               </fieldset>
               <label className="block space-y-2">
-                <div className="text-primary-700 font-bold">Message</div>
+                <div className="font-bold text-primary-700">Message</div>
                 <textarea
                   name="message"
                   rows={5}
-                  className="focus:ring-primary-500 w-full resize-y rounded-lg border px-5 py-4 shadow focus:outline-none focus:ring-2"
+                  className="w-full resize-y rounded-lg border px-5 py-4 shadow focus:outline-none focus:ring-2 focus:ring-primary-500"
                   placeholder="What are you working on?"
                 />
               </label>

src/app/foundation/components/Projects.tsx

@@ -64,10 +64,10 @@ const projects: Array<Day> = [
 function DaySummary({ day }: { day: Day }) {
   return (
     <>
-      <h3 className="text-primary-900 text-2xl font-semibold leading-tight tracking-tight">
+      <h3 className="text-2xl font-semibold leading-tight tracking-tight text-primary-900">
         {day.title}
       </h3>
-      <p className="text-primary-900 mt-1.5 text-base tracking-tight">
+      <p className="mt-1.5 text-base tracking-tight text-primary-900">
         {day.summary}
       </p>
     </>
@@ -80,7 +80,7 @@ function ScheduleStatic() {
       {projects.map((day) => (
         <section
           key={day.title}
-          className="shadow-primary-900/5 rounded-b-lg bg-white/60 shadow-xl backdrop-blur"
+          className="rounded-b-lg bg-white/60 shadow-xl shadow-primary-900/5 backdrop-blur"
         >
           <img
             alt=""
@@ -107,21 +107,21 @@ export function Projects() {
     <section id="projects" aria-label="Schedule" className="py-20 sm:py-32">
       <Container className="relative z-10">
         <div className="mx-auto max-w-2xl lg:mx-0 lg:max-w-4xl lg:pr-24">
-          <blockquote className="text-primary-600 font-display text-4xl font-bold tracking-tighter sm:text-5xl">
+          <blockquote className="font-display text-4xl font-bold tracking-tighter text-primary-600 sm:text-5xl">
             &ldquo;Through the lens of technology, we see not just challenges,
             but opportunities to make a lasting difference.&rdquo;
           </blockquote>
-          <p className="text-primary-900 mt-4 font-display text-2xl tracking-tight">
+          <p className="mt-4 font-display text-2xl tracking-tight text-primary-900">
             At Chowdhary.org, every innovation is a step towards a future where
             technology serves humanity in its noblest form.
           </p>
-          <div className="text-primary-900 mt-2 font-display text-lg not-italic">
+          <div className="mt-2 font-display text-lg not-italic text-primary-900">
             &ndash;{' '}
             <a
               href="https://anandchowdhary.com"
               target="_blank"
               rel="noopener"
-              className="focus-visible:outline-primary-500 text-primary-800 rounded font-bold focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2"
+              className="rounded font-bold text-primary-800 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-500"
             >
               Anand Chowdhary
             </a>
@@ -132,7 +132,7 @@ export function Projects() {
       <div className="relative mt-14 sm:mt-24">
         <BackgroundImage
           position="right"
-          className="text-primary-300 -bottom-32 -top-40"
+          className="-bottom-32 -top-40 text-primary-300"
         />
         <Container className="relative">
           <ScheduleStatic />

src/app/foundation/components/Schedule.tsx

@@ -9,17 +9,17 @@ export function Schedule() {
       <section id="foundation" className="py-20 sm:py-32">
         <Container className="relative z-10">
           <div className="mx-auto max-w-2xl lg:mx-0 lg:max-w-4xl lg:pr-24">
-            <h2 className="text-primary-600 font-display text-4xl font-bold tracking-tighter sm:text-5xl">
+            <h2 className="font-display text-4xl font-bold tracking-tighter text-primary-600 sm:text-5xl">
               Chowdhary.org
             </h2>
-            <p className="text-primary-900 mt-4 font-display text-2xl tracking-tight">
+            <p className="mt-4 font-display text-2xl tracking-tight text-primary-900">
               At the heart of Chowdhary.org&rsquo;s Foundation lies a resolute
               commitment to leveraging technology for the greater good. Our
               Foundation is the cornerstone of our mission, where we focus on
               nurturing and supporting a wide array of initiatives that make a
               tangible difference.
             </p>
-            <p className="text-primary-900 mt-4 font-display text-lg tracking-tight">
+            <p className="mt-4 font-display text-lg tracking-tight text-primary-900">
               From empowering communities with digital education to funding
               research for sustainable tech solutions, our Foundation operates
               at the intersection of innovation and social responsibility. Here,
@@ -36,18 +36,18 @@ export function Schedule() {
       <section id="ventures" className="py-20 sm:py-32">
         <Container className="relative z-10 flex justify-end">
           <div className="mx-auto max-w-2xl lg:mx-0 lg:max-w-4xl lg:pr-24">
-            <h2 className="text-primary-600 font-display text-4xl font-bold tracking-tighter sm:text-5xl">
+            <h2 className="font-display text-4xl font-bold tracking-tighter text-primary-600 sm:text-5xl">
               Chowdhary.co
             </h2>
-            <p className="text-primary-900 mt-4 font-display text-2xl tracking-tight">
+            <p className="mt-4 font-display text-2xl tracking-tight text-primary-900">
               In Chowdhary Holdings B.V., we bring bold ideas to life. This
               dynamic platform is dedicated to identifying, investing in, and
               nurturing early-stage startups that are poised to revolutionize
               the way we address global challenges. We believe in the power of
               entrepreneurial spirit combined with technological innovation to
               create impactful solutions.
             </p>
-            <p className="text-primary-900 mt-4 font-display text-lg tracking-tight">
+            <p className="mt-4 font-display text-lg tracking-tight text-primary-900">
               Chowdhary.co isn&rsquo;t just about funding; it&rsquo;s about
               building partnerships that foster growth, drive change, and set
               new benchmarks in the tech world. Join us as we embark on this

src/app/foundation/components/Sponsors.tsx

@@ -73,14 +73,14 @@ export function Sponsors() {
   return (
     <section id="sponsors" aria-label="Sponsors" className="py-20 sm:py-32">
       <Container>
-        <h2 className="text-primary-900 mx-auto max-w-2xl text-center font-display text-4xl font-bold tracking-tighter sm:text-5xl">
+        <h2 className="mx-auto max-w-2xl text-center font-display text-4xl font-bold tracking-tighter text-primary-900 sm:text-5xl">
           Collaborating for impact.
         </h2>
-        <p className="text-primary-700 mx-auto mt-4 max-w-2xl text-center text-lg tracking-tighter">
+        <p className="mx-auto mt-4 max-w-2xl text-center text-lg tracking-tighter text-primary-700">
           Our partners in previous events, investments, and open source
           projects.
         </p>
-        <div className="text-primary-700 mx-auto mt-20 flex max-w-5xl flex-wrap items-center justify-center gap-8 text-center font-bold">
+        <div className="mx-auto mt-20 flex max-w-5xl flex-wrap items-center justify-center gap-8 text-center font-bold text-primary-700">
           {sponsors.map((sponsor) => (
             <div key={sponsor.name} className="space-y-4 text-sm">
               <Image

src/app/foundation/layout.tsx

@@ -1,4 +1,14 @@
-import { Layout } from '@/app/foundation/components/Layout'
+import { Layout } from '@/app/holdings/components/Layout'
+import { type Metadata } from 'next'
+
+export const metadata: Metadata = {
+  title: {
+    template: '%s - Chowdhary.org',
+    default: 'Chowdhary.org',
+  },
+  description:
+    'At Chowdhary.org, we are a nonprofit harnessing the power of technology to open doors to a better future.',
+}
 
 export default function MainLayout({
   children,

src/app/holdings/components/BackgroundImage.tsx

@@ -10,7 +10,7 @@ export function BackgroundImage({
   return (
     <div
       className={clsx(
-        'bg-primary-50 absolute inset-0 overflow-hidden',
+        'absolute inset-0 overflow-hidden bg-primary-50',
         className,
       )}
     >

src/app/holdings/components/Button.tsx

@@ -14,17 +14,17 @@ export function Button({ className, children, ...props }: ButtonProps) {
   return typeof props.href === 'undefined' ? (
     <div className="relative">
       <button className={className}>
-        <ButtonLeft className="text-primary-600 group-hover:text-primary-500 absolute left-px top-0 h-full -translate-x-full " />
+        <ButtonLeft className="absolute left-px top-0 h-full -translate-x-full text-primary-600 group-hover:text-primary-500 " />
         {children}
-        <ButtonLeft className="text-primary-600 group-hover:text-primary-500 absolute right-px top-0 h-full translate-x-full rotate-180" />
+        <ButtonLeft className="absolute right-px top-0 h-full translate-x-full rotate-180 text-primary-600 group-hover:text-primary-500" />
       </button>
     </div>
   ) : (
     <div className="relative">
       <Link href={props.href} className={className}>
-        <ButtonLeft className="text-primary-600 group-hover:text-primary-500 absolute left-px top-0 h-full -translate-x-full" />
+        <ButtonLeft className="absolute left-px top-0 h-full -translate-x-full text-primary-600 group-hover:text-primary-500" />
         {children}
-        <ButtonLeft className="text-primary-600 group-hover:text-primary-500 absolute right-px top-0 h-full translate-x-full rotate-180" />
+        <ButtonLeft className="absolute right-px top-0 h-full translate-x-full rotate-180 text-primary-600 group-hover:text-primary-500" />
       </Link>
     </div>
   )

src/app/holdings/components/Footer.tsx

@@ -6,7 +6,7 @@ export function Footer() {
   return (
     <footer className="flex-none py-16">
       <Container className="flex flex-col items-center justify-between md:flex-row">
-        <Logo className="text-primary-500 h-12 w-auto" />
+        <Logo className="h-12 w-auto text-primary-500" />
         <nav className="mt-4 flex items-center space-x-4 sm:mt-0">
           <a
             href="https://linkedin.com/company/chowdhary"

src/app/holdings/components/Hero.tsx

@@ -5,14 +5,14 @@ import { Container } from '@/app/holdings/components/Container'
 export function Hero() {
   return (
     <div className="relative py-20 sm:pb-24 sm:pt-36">
-      <BackgroundImage className="text-primary-300 -bottom-14 -top-36" />
+      <BackgroundImage className="-bottom-14 -top-36 text-primary-300" />
       <Container className="relative">
         <div className="mx-auto max-w-2xl lg:max-w-4xl lg:px-12">
-          <h1 className="text-primary-600 font-display text-5xl font-bold tracking-tighter sm:text-7xl">
+          <h1 className="font-display text-5xl font-bold tracking-tighter text-primary-600 sm:text-7xl">
             Accelerate progress.
           </h1>
-          <div className="text-primary-900 mt-6 space-y-6 font-display text-2xl tracking-tight">
-            <p className="text-primary-700 text-3xl font-bold">
+          <div className="mt-6 space-y-6 font-display text-2xl tracking-tight text-primary-900">
+            <p className="text-3xl font-bold text-primary-700">
               We make early-stage investments to accelerate technological
               progress and drive social impact.
             </p>