From 9bfb65b6289e5efee80d89c9a1422323b04c167f Mon Sep 17 00:00:00 2001
From: "abhishek.rdx" <codeforstartups@gmail.com>
Date: Tue, 29 Apr 2025 14:36:38 +0530
Subject: [PATCH] changes

---
 app/components/Footer.tsx                | 67 ++++++++++++++++++++++++
 app/components/chat/BaseChat.tsx         | 56 ++++++++++----------
 app/components/chat/StarterTemplates.tsx |  2 +-
 public/git.svg                           |  5 ++
 public/tw.svg                            | 10 ++++
 5 files changed, 111 insertions(+), 29 deletions(-)
 create mode 100644 app/components/Footer.tsx
 create mode 100644 public/git.svg
 create mode 100644 public/tw.svg

diff --git a/app/components/Footer.tsx b/app/components/Footer.tsx
new file mode 100644
index 00000000..f8010e45
--- /dev/null
+++ b/app/components/Footer.tsx
@@ -0,0 +1,67 @@
+import { Link } from '@remix-run/react';
+
+export const Footer = () => {
+  return (
+    <footer className="relative overflow-hidden bg-[rgba(43,43,43,0.1)] px-[159px] pt-[80px] pb-[210px]">
+      <div className="flex items-start justify-between">
+        {/* Left box */}
+        <div className="grid gap-[15px]">
+          <Link to="#" className="block">
+            <img src="logo.svg" alt="AICre8 Logo" />
+          </Link>
+          <div className="inline-flex items-start gap-[16px]">
+            <Link
+              to="https://x.com/AICre8_com"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="btn icon_btn p-0"
+            >
+              <img src="tw.svg" alt="Twitter" />
+            </Link>
+            <Link
+              to="https://aicre8.gitbook.io/aicre8.com"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              <img src="git.svg" alt="GitBook" />
+            </Link>
+          </div>
+        </div>
+
+        {/* Right box */}
+        <div className="inline-flex items-start gap-[64px]">
+          {/* Column 1 */}
+          <div className="flex flex-col items-start gap-[16px]">
+            <h6 className="text-white text-[16px] font-bold leading-normal tracking-[-0.8px] m-0">Product</h6>
+            <div className="flex flex-col items-start gap-[16px]">
+              <Link to="/" className="text-white text-[16px] font-medium opacity-50 tracking-[-0.8px]">About</Link>
+              <Link to="/" className="text-white text-[16px] font-medium opacity-50 tracking-[-0.8px]">News</Link>
+              <Link to="/" className="text-white text-[16px] font-medium opacity-50 tracking-[-0.8px]">Partners</Link>
+              <Link to="/" className="text-white text-[16px] font-medium opacity-50 tracking-[-0.8px]">Roadmap</Link>
+            </div>
+          </div>
+
+          {/* Column 2 */}
+          <div className="flex flex-col items-start gap-[16px]">
+            <h6 className="text-white text-[16px] font-bold leading-normal tracking-[-0.8px] m-0">Resources</h6>
+            <div className="flex flex-col items-start gap-[16px]">
+              <Link to="/" className="text-white text-[16px] font-medium opacity-50 tracking-[-0.8px]">Builder Hall of Fame</Link>
+              <Link to="https://aicre8.gitbook.io/aicre8.com" className="text-white text-[16px] font-medium opacity-50 tracking-[-0.8px]">Docs</Link>
+              <Link to="/" className="text-white text-[16px] font-medium opacity-50 tracking-[-0.8px]">Integrations</Link>
+              <Link to="/" className="text-white text-[16px] font-medium opacity-50 tracking-[-0.8px]">Affiliates</Link>
+            </div>
+          </div>
+
+          {/* Column 3 */}
+          <div className="flex flex-col items-start gap-[16px]">
+            <h6 className="text-white text-[16px] font-bold leading-normal tracking-[-0.8px] m-0">Legal</h6>
+            <div className="flex flex-col items-start gap-[16px]">
+              <Link to="/" className="text-white text-[16px] font-medium opacity-50 tracking-[-0.8px]">Privacy Policy</Link>
+              <Link to="/" className="text-white text-[16px] font-medium opacity-50 tracking-[-0.8px]">Terms & Conditions</Link>
+            </div>
+          </div>
+        </div>
+      </div>
+    </footer>
+  );
+}; 
\ No newline at end of file
diff --git a/app/components/chat/BaseChat.tsx b/app/components/chat/BaseChat.tsx
index 32ca54f1..71a82bc7 100644
--- a/app/components/chat/BaseChat.tsx
+++ b/app/components/chat/BaseChat.tsx
@@ -328,10 +328,10 @@ export const BaseChat = React.forwardRef<HTMLDivElement, BaseChatProps>(
             {!chatStarted && (
               <div id="intro" className="mt-[16vh] max-w-chat mx-auto text-center px-4 lg:px-0">
                 <h1 className="text-3xl lg:text-6xl font-bold text-bolt-elements-textPrimary mb-4 animate-fade-in">
-                Ready to create?
+                  Ready to create?
                 </h1>
                 <p className="text-md lg:text-xl mb-8 text-bolt-elements-textSecondary animate-fade-in animation-delay-200">
-                Your Web3 engineer deploys anything. No code
+                  Your Web3 engineer deploys anything. No code
                 </p>
               </div>
             )}
@@ -403,34 +403,34 @@ export const BaseChat = React.forwardRef<HTMLDivElement, BaseChatProps>(
                   )}
                 >
                   <svg className={classNames(styles.PromptEffectContainer)}>
-  <defs>
-    <linearGradient
-      id="line-gradient"
-      x1="20%"
-      y1="0%"
-      x2="-14%"
-      y2="10%"
-      gradientUnits="userSpaceOnUse"
-      gradientTransform="rotate(-45)"
-    >
-      <stop offset="0%" stopColor="#377EFF" stopOpacity="0%"></stop>
-      <stop offset="40%" stopColor="#377EFF" stopOpacity="80%"></stop>
-      <stop offset="50%" stopColor="#377EFF" stopOpacity="80%"></stop>
-      <stop offset="100%" stopColor="#377EFF" stopOpacity="0%"></stop>
-    </linearGradient>
-    <linearGradient id="shine-gradient">
-      <stop offset="0%" stopColor="white" stopOpacity="0%"></stop>
-      <stop offset="40%" stopColor="white" stopOpacity="80%"></stop>
-      <stop offset="50%" stopColor="white" stopOpacity="80%"></stop>
-      <stop offset="100%" stopColor="white" stopOpacity="0%"></stop>
-    </linearGradient>
-  </defs>
-  <rect className={classNames(styles.PromptEffectLine)} pathLength="100" strokeLinecap="round"></rect>
-  <rect className={classNames(styles.PromptShine)} x="48" y="24" width="70" height="1"></rect>
-</svg>
+                    <defs>
+                      <linearGradient
+                        id="line-gradient"
+                        x1="20%"
+                        y1="0%"
+                        x2="-14%"
+                        y2="10%"
+                        gradientUnits="userSpaceOnUse"
+                        gradientTransform="rotate(-45)"
+                      >
+                        <stop offset="0%" stopColor="#377EFF" stopOpacity="0%"></stop>
+                        <stop offset="40%" stopColor="#377EFF" stopOpacity="80%"></stop>
+                        <stop offset="50%" stopColor="#377EFF" stopOpacity="80%"></stop>
+                        <stop offset="100%" stopColor="#377EFF" stopOpacity="0%"></stop>
+                      </linearGradient>
+                      <linearGradient id="shine-gradient">
+                        <stop offset="0%" stopColor="white" stopOpacity="0%"></stop>
+                        <stop offset="40%" stopColor="white" stopOpacity="80%"></stop>
+                        <stop offset="50%" stopColor="white" stopOpacity="80%"></stop>
+                        <stop offset="100%" stopColor="white" stopOpacity="0%"></stop>
+                      </linearGradient>
+                    </defs>
+                    <rect className={classNames(styles.PromptEffectLine)} pathLength="100" strokeLinecap="round"></rect>
+                    <rect className={classNames(styles.PromptShine)} x="48" y="24" width="70" height="1"></rect>
+                  </svg>
 
                   <div>
-                    
+
                   </div>
                   <FilePreview
                     files={uploadedFiles}
diff --git a/app/components/chat/StarterTemplates.tsx b/app/components/chat/StarterTemplates.tsx
index fa51961b..3cf98bbc 100644
--- a/app/components/chat/StarterTemplates.tsx
+++ b/app/components/chat/StarterTemplates.tsx
@@ -30,7 +30,7 @@ const StarterTemplates: React.FC = () => {
   }, []);
 
   return (
-    <div className="flex flex-col items-center gap-4">
+    <div className="flex flex-col items-center gap-4 pb-24">
       <span className="text-sm text-gray-500">or start a blank app with your favorite stack</span>
       <div className="flex justify-center">
         <div className="flex w-70 flex-wrap items-center justify-center gap-4">
diff --git a/public/git.svg b/public/git.svg
new file mode 100644
index 00000000..e7f8600a
--- /dev/null
+++ b/public/git.svg
@@ -0,0 +1,5 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Frame">
+<path id="Vector" d="M20.3783 4.48153C18.8968 3.79497 17.3189 3.28908 15.6567 3C15.4519 3.36135 15.211 3.85519 15.0545 4.25268C13.2959 3.98769 11.5494 3.98769 9.82695 4.25268C9.65832 3.85519 9.41742 3.36135 9.21266 3C7.55045 3.28908 5.97256 3.79497 4.49103 4.48153C1.50388 8.98635 0.696869 13.3828 1.09435 17.7069C3.08177 19.1885 4.99692 20.0798 6.88798 20.67C7.35773 20.0316 7.76726 19.3451 8.12861 18.6344C7.44205 18.3815 6.79162 18.0562 6.17733 17.6828C6.34596 17.5624 6.50254 17.4299 6.65913 17.3095C10.4292 19.068 14.5124 19.068 18.2343 17.3095C18.3909 17.442 18.5475 17.5624 18.7161 17.6828C18.1018 18.0562 17.4394 18.3694 16.7648 18.6344C17.1262 19.3451 17.5357 20.0316 18.0055 20.67C19.8965 20.0798 21.8237 19.1885 23.7991 17.7069C24.2689 12.6842 22.9921 8.33592 20.4024 4.48153H20.3783ZM8.6345 15.057C7.50227 15.057 6.57481 14.0091 6.57481 12.7203C6.57481 11.4315 7.47818 10.3836 8.6345 10.3836C9.79082 10.3836 10.7062 11.4315 10.6942 12.7203C10.6942 13.9971 9.79082 15.057 8.6345 15.057ZM16.2349 15.057C15.1026 15.057 14.1752 14.0091 14.1752 12.7203C14.1752 11.4315 15.0785 10.3836 16.2349 10.3836C17.3912 10.3836 18.3066 11.4315 18.2946 12.7203C18.2946 13.9971 17.3912 15.057 16.2349 15.057Z" fill="white"/>
+</g>
+</svg>
diff --git a/public/tw.svg b/public/tw.svg
new file mode 100644
index 00000000..c1b5ae36
--- /dev/null
+++ b/public/tw.svg
@@ -0,0 +1,10 @@
+<svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Frame" clip-path="url(#clip0_682_857)">
+<path id="Vector" d="M15.3947 0.5H18.2803L11.9445 7.71402L19.3468 17.5H13.5379L8.98993 11.5531L3.78329 17.5H0.897685L7.60986 9.78413L0.521301 0.5H6.47444L10.5833 5.93247L15.3947 0.5ZM14.3848 15.8063H15.9844L5.63385 2.131H3.91503L14.3848 15.8063Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_682_857">
+<rect width="18.8192" height="17" fill="white" transform="translate(0.590332 0.5)"/>
+</clipPath>
+</defs>
+</svg>