mirror of
https://github.com/stackblitz-labs/bolt.diy
synced 2025-06-26 18:26:38 +00:00
changes
This commit is contained in:
abhishek.rdx
parent
71b31d0d98
commit
9bfb65b628
67
app/components/Footer.tsx
Normal file
67
app/components/Footer.tsx
Normal file
@ -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>
|
||||
);
|
||||
};
|
||||
@ -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}
|
||||
|
||||
@ -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">
|
||||
|
||||
5
public/git.svg
Normal file
5
public/git.svg
Normal file
@ -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>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
10
public/tw.svg
Normal file
10
public/tw.svg
Normal file
@ -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>
|
||||
|
After Width: | Height: | Size: 559 B |
Loading…
Reference in New Issue
Block a user