Websites/interactives
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add common header and footer

Browse source 
Implement a common header and footer for all pages except interactive pages. The footer will initially contain placeholder text.
This commit is contained in:
gpt-engineer-app[bot] 2025-07-19 13:39:51 +00:00
parent 666de99364
commit 76e47c5b00
5 changed files with 79 additions and 37 deletions
Download patch file Download diff file Expand all files Collapse all files

49
src/components/ComingSoon.tsx
View file

@ -1,3 +1,4 @@
import Layout from "@/components/Layout";
import { Link } from "react-router-dom";
import { ArrowLeft, Wrench } from "lucide-react";
import { Button } from "@/components/ui/button";
@ -9,28 +10,36 @@ interface ComingSoonProps {
const ComingSoon = ({ title, description }: ComingSoonProps) => {
return (
<div className="min-h-screen bg-background flex items-center justify-center px-4">
<div className="text-center max-w-2xl mx-auto">
<div className="w-24 h-24 bg-surface-variant rounded-full flex items-center justify-center mx-auto mb-8">
<Wrench className="w-12 h-12 text-muted-foreground" />
<Layout>
<div className="flex items-center justify-center px-4 py-20">
<div className="text-center max-w-2xl mx-auto">
<div className="w-24 h-24 bg-surface-variant rounded-full flex items-center justify-center mx-auto mb-8">
<Wrench className="w-12 h-12 text-muted-foreground" />
</div>
<h1 className="text-4xl font-bold text-foreground mb-4">
{title}
</h1>
<h2 className="text-2xl font-semibold text-accent mb-6">
Coming Soon
</h2>
{description && (
<p className="text-lg text-muted-foreground mb-8">
{description}
</p>
)}
<Button asChild variant="outline">
<Link to="/" className="inline-flex items-center">
<ArrowLeft className="w-4 h-4 mr-2" />
Back to Home
</Link>
</Button>
</div>
<h1 className="text-4xl font-bold text-foreground mb-4">
{title}
</h1>
<h2 className="text-2xl font-semibold text-accent mb-6">
Coming Soon
</h2>
<Button asChild variant="outline">
<Link to="/" className="inline-flex items-center">
<ArrowLeft className="w-4 h-4 mr-2" />
Back to Home
</Link>
</Button>
</div>
</div>
</Layout>
);
};