import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Facebook, Twitter, Instagram, Mail } from "lucide-react" export default function Component() { return ( <div className="min-h-screen bg-background text-foreground"> <header className="bg-primary text-primary-foreground"> <div className="container mx-auto px-4 py-6 flex justify-between items-center"> <h1 className="text-2xl font-bold">From Tanzania</h1> <Button variant="outline">Sign Up</Button> </div> </header> <main className="container mx-auto px-4 py-8"> <section className="text-center mb-12"> <h2 className="text-4xl font-bold mb-4">Discover Tanzania's Hidden Gems</h2> <p className="text-xl mb-6">Join our weekly newsletter for exclusive stories, travel tips, and cultural insights.</p> <fo | A shadcn/ui and v0 generation - v0