diff options
| author | omagdy7 <omar.professional8777@gmail.com> | 2023-12-22 18:59:16 +0200 |
|---|---|---|
| committer | omagdy7 <omar.professional8777@gmail.com> | 2023-12-22 18:59:16 +0200 |
| commit | e97dbb11b30d0fe51b2ca1660e9f0d27a99a73e3 (patch) | |
| tree | e99961a2ff29d7e8522697f67c9276713c657569 /driver/src/pages/LandingPage.tsx | |
| parent | 7b379914e44583b9b097ed286b669ad244b176a1 (diff) | |
| download | carpool-e97dbb11b30d0fe51b2ca1660e9f0d27a99a73e3.tar.xz carpool-e97dbb11b30d0fe51b2ca1660e9f0d27a99a73e3.zip | |
Added most of the logic on the driver side
Diffstat (limited to 'driver/src/pages/LandingPage.tsx')
| -rw-r--r-- | driver/src/pages/LandingPage.tsx | 45 |
1 files changed, 45 insertions, 0 deletions
diff --git a/driver/src/pages/LandingPage.tsx b/driver/src/pages/LandingPage.tsx new file mode 100644 index 0000000..ec8b364 --- /dev/null +++ b/driver/src/pages/LandingPage.tsx @@ -0,0 +1,45 @@ +import { Button } from "@/components/ui/button" +import { CardTitle, CardDescription, CardHeader, CardContent, Card } from "@/components/ui/card" +import { Navigate, redirect } from "react-router-dom"; +import { Badge } from "@/components/ui/badge" + +export default function LandingPage() { + if (true) { + return <Navigate to="/signup" /> + } + return ( + <main key="1" className="bg-black min-h-screen px-4 py-8 md:px-16 lg:px-24"> + <header className="flex justify-between items-center mb-8"> + <h1 className="text-4xl font-bold text-white">Carpool</h1> + <div className="space-x-4"> + <Button className="text-white bg-gray-700" variant="outline"> + <a href="/login">Login</a> + </Button> + <Button className="bg-blue-500 text-white"> + <a href="/signup">Sign Up</a> + </Button> + </div> + </header> + <section className="max-w-2xl mx-auto space-y-8"> + <Card className="bg-gray-950 text-white border-2 border-amber-400"> + <CardHeader> + <CardTitle>Welcome to Carpool</CardTitle> + <CardDescription>Join our community and share your journey.</CardDescription> + </CardHeader> + <CardContent> + <p className="text-gray-300"> + Find or offer rides, Made by students for students ❤️ ❤️ + </p> + </CardContent> + </Card> + <div className="flex justify-center"> + <Badge className="text-lg font-bold text-black bg-yellow-500" /> + </div> + </section> + <footer className="mt-16 text-center text-gray-500"> + <p>© 2023 Carpool. All rights reserved.</p> + </footer> + </main> + ) +} + |
