From 5a00919277a8067b98d1a7494dbf4abd5564092c Mon Sep 17 00:00:00 2001
From: Harsh Mahajan <127186841+HarshMN2345@users.noreply.github.com>
Date: Thu, 29 Jan 2026 14:32:26 +0530
Subject: [PATCH] Revert "Imagine PH banner"

---
 src/lib/layouts/Main.svelte                   |   8 +-
 .../teaser/imagine-ph-banner.svelte           | 232 ------------------
 static/images/logos/product-hunt.svg          |  12 -
 3 files changed, 6 insertions(+), 246 deletions(-)
 delete mode 100644 src/routes/(marketing)/(components)/teaser/imagine-ph-banner.svelte
 delete mode 100644 static/images/logos/product-hunt.svg

diff --git a/src/lib/layouts/Main.svelte b/src/lib/layouts/Main.svelte
index 1980979a3c..537b5c841a 100644
--- a/src/lib/layouts/Main.svelte
+++ b/src/lib/layouts/Main.svelte
@@ -24,7 +24,6 @@
     import AnnouncementBanner from '$routes/(init)/init/(components)/announcement-banner.svelte';
     import HackathonBanner from '$routes/(marketing)/(components)/(hackathon)/hackathon-banner.svelte';
     import TeaserBanner from '$routes/(marketing)/(components)/teaser/teaser-banner.svelte';
-    import ImagineProductHuntBanner from '$routes/(marketing)/(components)/teaser/imagine-ph-banner.svelte';
 
     export let omitMainId = false;
     export let hideNavigation = false;
@@ -166,7 +165,12 @@
     {#if !page.url.pathname.includes('/init')}
         <div class="border-smooth relative z-10 border-b bg-black" id="top-banner">
             <div class="is-special-padding mx-auto">
-                <ImagineProductHuntBanner />
+                <TeaserBanner
+                    showLabel={true}
+                    leftText="Introducing"
+                    logoText="Imagine"
+                    rightText="Build something real"
+                />
             </div>
         </div>
     {/if}
diff --git a/src/routes/(marketing)/(components)/teaser/imagine-ph-banner.svelte b/src/routes/(marketing)/(components)/teaser/imagine-ph-banner.svelte
deleted file mode 100644
index f37474e4bc..0000000000
--- a/src/routes/(marketing)/(components)/teaser/imagine-ph-banner.svelte
+++ /dev/null
@@ -1,232 +0,0 @@
-<script lang="ts">
-    import { cn } from '$lib/utils/cn';
-    import type { HTMLAttributes } from 'svelte/elements';
-    import Imagination from './imagination.svelte';
-    import Canvas from './canvas.svelte';
-
-    interface TeaserBannerProps extends HTMLAttributes<HTMLDivElement> {
-        class?: string;
-        leftText?: string;
-        logoText?: string;
-        rightText?: string;
-        showLabel?: boolean;
-    }
-
-    const {
-        class: classNames,
-        leftText = 'Introducing',
-        logoText = 'Imagine',
-        rightText = 'Launching on Product Hunt',
-        showLabel = true,
-        ...restProps
-    }: TeaserBannerProps = $props();
-</script>
-
-<div class={cn('relative w-full', classNames)} {...restProps}>
-    {#if showLabel}
-        <div class="absolute -top-8 left-0 z-20 flex items-center gap-2">
-            <span class="text-sm font-medium text-blue-400">Imagine Product Hunt Banner</span>
-        </div>
-        <!-- Code Icon -->
-        <div class="absolute -top-8 right-0 z-20">
-            <svg
-                class="h-4 w-4 text-blue-400"
-                fill="none"
-                viewBox="0 0 24 24"
-                stroke="currentColor"
-                stroke-width="2"
-            >
-                <path
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                    d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4"
-                />
-            </svg>
-        </div>
-    {/if}
-
-    <!-- Main Banner Container -->
-    <a
-        href="https://apwr.dev/imagine-ph-appwrite-website"
-        target="_blank"
-        rel="noopener noreferrer"
-        class="banner-container group relative mx-auto flex cursor-pointer items-center bg-black px-4 py-3 sm:px-6 sm:py-4 md:h-[76px] md:px-0"
-    >
-        <!-- Animated Halftone Background with Left/Right Fade -->
-        <div
-            class="absolute inset-0"
-            style="mask-image: linear-gradient(to right, transparent 0%, black 20%, black 80%, transparent 100%); -webkit-mask-image: linear-gradient(to right, transparent 0%, black 20%, black 80%, transparent 100%);"
-        >
-            <Canvas>
-                <Imagination />
-            </Canvas>
-        </div>
-
-        <!-- Content -->
-        <div
-            class="relative z-10 mx-auto flex w-full flex-col items-center justify-center gap-1 [max-inline-size:108rem] sm:flex-row sm:items-center sm:justify-between sm:gap-4 md:gap-[1rem]"
-        >
-            <!-- Top Line: Introducing + Logo + Imagine -->
-            <div
-                class="flex flex-shrink-0 items-center justify-center gap-2 sm:justify-start sm:gap-3 md:basis-1/2 md:gap-4"
-            >
-                <span class="banner-text banner-text-introducing">Introducing</span>
-                <!-- Imagine Logo -->
-                <div class="logo-container">
-                    <img src="/images/logos/imagine.svg" alt="Imagine" class="h-auto w-auto" />
-                </div>
-            </div>
-
-            <!-- Bottom Line: Launching on Product Hunt + Arrow -->
-            <div
-                class="flex items-center justify-center gap-1.5 sm:mr-0 sm:ml-auto sm:gap-2 sm:text-right"
-            >
-                <!-- Product Hunt Text (mobile only) -->
-                <span class="banner-text banner-text-right sm:hidden"
-                    >Launching on Product Hunt</span
-                >
-
-                <!-- Product Hunt Text (desktop only) -->
-                <span class="banner-text banner-text-right hidden sm:flex">Launching on</span>
-
-                <!-- Product Hunt Logo (desktop only) -->
-                <div class="logo-container !hidden sm:!flex">
-                    <img
-                        src="/images/logos/product-hunt.svg"
-                        alt="Product Hunt"
-                        class="h-auto w-auto"
-                    />
-                </div>
-
-                <svg
-                    class="h-4 w-4 flex-shrink-0 transition group-hover:-translate-x-0.5 sm:h-5 sm:w-5"
-                    fill="none"
-                    viewBox="0 0 24 24"
-                    stroke="currentColor"
-                    stroke-width="2"
-                >
-                    <path
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                        d="M17 8l4 4m0 0l-4 4m4-4H3"
-                    />
-                </svg>
-            </div>
-        </div>
-    </a>
-</div>
-
-<style>
-    .banner-container {
-        width: 100%;
-        min-height: auto;
-        max-width: 100%;
-    }
-
-    @media (min-width: 640px) {
-        .banner-container {
-            width: 100%;
-            height: auto;
-        }
-    }
-
-    .banner-text {
-        font-family: 'Neue Haas Grotesk Display Pro', Inter, sans-serif;
-        letter-spacing: -0.1px;
-    }
-
-    .banner-text-introducing {
-        font-family: 'Neue Haas Grotesk Display Pro', Inter, sans-serif;
-        font-size: 18px;
-        font-style: normal;
-        font-weight: 450;
-        line-height: 106%;
-        letter-spacing: -0.2px;
-        background: linear-gradient(180deg, #fafafb 0%, #828282 111.47%);
-        background-clip: text;
-        -webkit-background-clip: text;
-        -webkit-text-fill-color: transparent;
-        white-space: nowrap;
-    }
-
-    @media (min-width: 375px) {
-        .banner-text-introducing {
-            font-size: 20px;
-        }
-    }
-
-    @media (min-width: 640px) {
-        .banner-text-introducing {
-            font-size: 18px;
-        }
-    }
-
-    @media (min-width: 768px) {
-        .banner-text-introducing {
-            font-size: 20px;
-        }
-    }
-
-    .banner-text-right {
-        color: var(--primary, #e4e4e7);
-        font-family: Inter, sans-serif;
-        font-size: 14px;
-        font-weight: 400;
-        line-height: 20px;
-        letter-spacing: -0.072px;
-        white-space: nowrap;
-    }
-
-    @media (min-width: 375px) {
-        .banner-text-right {
-            font-size: 16px;
-            line-height: 22px;
-        }
-    }
-
-    @media (min-width: 640px) {
-        .banner-text-right {
-            font-size: 15px;
-            line-height: 20px;
-        }
-    }
-
-    @media (min-width: 768px) {
-        .banner-text-right {
-            font-size: 16px;
-            line-height: 22px;
-        }
-    }
-
-    .logo-container {
-        display: flex;
-        width: 120px;
-        height: 30px;
-        padding: 1.348px 0.634px 1.348px 0;
-        justify-content: center;
-        align-items: flex-end;
-        gap: 10.75px;
-        flex-shrink: 0;
-    }
-
-    @media (min-width: 375px) {
-        .logo-container {
-            width: 143.384px;
-            height: 35.785px;
-        }
-    }
-
-    @media (min-width: 640px) {
-        .logo-container {
-            width: 120px;
-            height: 30px;
-        }
-    }
-
-    @media (min-width: 768px) {
-        .logo-container {
-            width: 143.384px;
-            height: 35.785px;
-        }
-    }
-</style>
diff --git a/static/images/logos/product-hunt.svg b/static/images/logos/product-hunt.svg
deleted file mode 100644
index e8f37dff7e..0000000000
--- a/static/images/logos/product-hunt.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<svg width="136" height="32" viewBox="0 0 136 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2167_2328)">
-<path d="M31.718 15.857C31.718 24.6153 24.6172 31.716 15.859 31.716C7.09966 31.716 0 24.6153 0 15.857C0 7.09771 7.1002 -0.00195312 15.859 -0.00195312C24.6172 -0.00195312 31.718 7.09825 31.718 15.857Z" fill="#DA552F"/>
-<path d="M17.9734 15.8562H13.4804V11.0986H17.9734C18.2858 11.0986 18.5951 11.1601 18.8838 11.2796C19.1724 11.3992 19.4346 11.5744 19.6555 11.7953C19.8764 12.0162 20.0516 12.2784 20.1712 12.5671C20.2907 12.8557 20.3523 13.165 20.3523 13.4774C20.3523 13.7898 20.2907 14.0991 20.1712 14.3877C20.0516 14.6764 19.8764 14.9386 19.6555 15.1595C19.4346 15.3804 19.1724 15.5556 18.8838 15.6752C18.5951 15.7947 18.2858 15.8562 17.9734 15.8562ZM17.9734 7.92676H10.3086V23.7857H13.4804V19.028H17.9734C21.0389 19.028 23.5241 16.5429 23.5241 13.4774C23.5241 10.4119 21.0389 7.92676 17.9734 7.92676Z" fill="white"/>
-<path d="M48.3781 13.9184C48.3781 13.0457 47.7077 12.5169 46.8367 12.5169H44.5018V15.3036H46.8372C47.7083 15.3036 48.3781 14.7748 48.3781 13.9184ZM42.2905 21.1428V10.5703H47.1475C49.4059 10.5703 50.6349 12.0965 50.6349 13.9184C50.6349 15.7245 49.3902 17.2502 47.1475 17.2502H44.5018V21.1428H42.2905ZM51.9811 21.1428V13.4351H53.957V14.4472C54.5021 13.7931 55.4214 13.2485 56.3559 13.2485V15.1789C56.2149 15.1479 56.044 15.1328 55.8108 15.1328C55.1567 15.1328 54.284 15.5059 53.957 15.9897V21.1428H51.9811ZM63.0075 17.1878C63.0075 16.0201 62.3209 15.008 61.0756 15.008C59.845 15.008 59.161 16.0201 59.161 17.1883C59.161 18.3713 59.845 19.3833 61.0756 19.3833C62.3209 19.3833 63.0075 18.3713 63.0075 17.1878ZM57.1049 17.1878C57.1049 15.0552 58.5997 13.2485 61.0756 13.2485C63.5673 13.2485 65.0621 15.0547 65.0621 17.1878C65.0621 19.321 63.5673 21.1428 61.0756 21.1428C58.5997 21.1428 57.1049 19.321 57.1049 17.1878ZM71.7159 18.5269V15.8644C71.3888 15.3654 70.6729 15.008 70.0183 15.008C68.8825 15.008 68.1037 15.8953 68.1037 17.1883C68.1037 18.4955 68.8825 19.3833 70.0183 19.3833C70.6729 19.3833 71.3888 19.0259 71.7159 18.5269ZM71.7159 21.1428V19.9908C71.1236 20.7376 70.3149 21.1428 69.3956 21.1428C67.512 21.1428 66.0638 19.7109 66.0638 17.1878C66.0638 14.7439 67.481 13.2485 69.3956 13.2485C70.2829 13.2485 71.1236 13.6228 71.7159 14.4005V10.5703H73.7086V21.1428H71.7159ZM80.7518 21.1428V20.006C80.2387 20.5668 79.3357 21.1428 78.105 21.1428C76.4551 21.1428 75.6768 20.2397 75.6768 18.7759V13.4351H77.6532V17.9976C77.6532 19.0411 78.1983 19.3833 79.039 19.3833C79.8016 19.3833 80.4096 18.963 80.7518 18.5264V13.4351H82.7293V21.1428H80.7518ZM84.2143 17.1878C84.2143 14.8838 85.8957 13.2485 88.2008 13.2485C89.7422 13.2485 90.6762 13.9184 91.1746 14.6034L89.8816 15.8172C89.5242 15.2879 88.9791 15.008 88.2941 15.008C87.0949 15.008 86.2547 15.8801 86.2547 17.1883C86.2547 18.4955 87.0949 19.3833 88.2941 19.3833C88.9791 19.3833 89.5242 19.072 89.8816 18.5578L91.1746 19.7728C90.6762 20.4578 89.7422 21.1428 88.2008 21.1428C85.8957 21.1428 84.2143 19.5081 84.2143 17.1878ZM92.8749 19.072V15.1637H91.6296V13.4351H92.8749V11.3795H94.853V13.4351H96.3776V15.1637H94.853V18.5427C94.853 19.0254 95.1008 19.3833 95.5374 19.3833C95.8325 19.3833 96.1145 19.2743 96.2219 19.1501L96.6433 20.6595C96.3478 20.9253 95.8178 21.1428 94.9924 21.1428C93.6066 21.1428 92.8749 20.4269 92.8749 19.072ZM109.044 21.1428V16.5803H104.139V21.1428H101.929V10.5703H104.139V14.6495H109.044V10.5709H111.271V21.1428H109.044ZM118.347 21.1428V20.006C117.833 20.5668 116.93 21.1428 115.7 21.1428C114.05 21.1428 113.271 20.2397 113.271 18.7759V13.4351H115.248V17.9976C115.248 19.0411 115.793 19.3833 116.634 19.3833C117.397 19.3833 118.005 18.963 118.347 18.5264V13.4351H120.324V21.1428H118.347ZM127.366 21.1428V16.41C127.366 15.3665 126.822 15.0086 125.98 15.0086C125.202 15.0086 124.611 15.4446 124.267 15.8807V21.1433H122.291V13.4351H124.267V14.4005C124.751 13.8403 125.685 13.2485 126.899 13.2485C128.565 13.2485 129.359 14.1825 129.359 15.6458V21.1428H127.366H127.366ZM131.715 19.072V15.1637H130.471V13.4351H131.716V11.3795H133.694V13.4351H135.219V15.1637H133.694V18.5427C133.694 19.0254 133.942 19.3833 134.378 19.3833C134.674 19.3833 134.955 19.2743 135.064 19.1501L135.484 20.6595C135.189 20.9253 134.658 21.1428 133.833 21.1428C132.448 21.1428 131.715 20.4269 131.715 19.072Z" fill="white"/>
-</g>
-<defs>
-<clipPath id="clip0_2167_2328">
-<rect width="135.593" height="32" fill="white"/>
-</clipPath>
-</defs>
-</svg>