[V0_FILE]typescriptreact:file="app/layout.tsx" isMerged="true" import type React from "react" import type { Metadata } from "next" import { Inter } from "next/font/google" import "./globals.css" const inter = Inter({ subsets: ["latin"] }) export const metadata: Metadata = { title: "Job House - Find Your Perfect Job", description: "Discover exciting job opportunities that match your skills and passion.", } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) } [V0_FILE]css:file="app/globals.css" isMerged="true" @tailwind base; @tailwind components; @tailwind utilities; :root { --primary: #00b67a; --primary-dark: #009e69; --secondary: #3498db; --secondary-dark: #2980b9; --text: #333; --text-light: #666; --background: #f5f5f5; --white: #ffffff; } @layer base { body { @apply bg-background text-text; } } @layer components { .container { @apply max-w-7xl mx-auto px-4; } .btn { @apply px-6 py-3 rounded-md font-medium transition-colors duration-200; } .btn-primary { @apply bg-primary text-white hover:bg-primary-dark; } .btn-secondary { @apply bg-secondary text-white hover:bg-secondary-dark; } } [V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import Navbar from "@/components/navbar" import Hero from "@/components/hero" import JobListings from "@/components/job-listings" import Testimonials from "@/components/testimonials" import Footer from "@/components/footer" export default function Home() { return (

) } [V0_FILE]typescriptreact:file="components/navbar.tsx" isMerged="true" "use client" import { useState } from "react" import Link from "next/link" import { Menu, X } from "lucide-react" export default function Navbar() { const [isMenuOpen, setIsMenuOpen] = useState(false) return (

Job House {/* Desktop Navigation */}

HOME ABOUT

JOBS ▼

PAGES ▼

CONTACT

Apply Here → {/* Mobile Menu Button */}

{/* Mobile Navigation */} {isMenuOpen && (

setIsMenuOpen(false)}> HOME setIsMenuOpen(false)} > ABOUT setIsMenuOpen(false)} > JOBS setIsMenuOpen(false)} > PAGES setIsMenuOpen(false)} > CONTACT setIsMenuOpen(false)}> Apply Here →

)}

) } [V0_FILE]typescriptreact:file="components/job-listings.tsx" isMerged="true" "use client" import { useState } from "react" import { Heart, MapPin, Clock, DollarSign } from "lucide-react" import Image from "next/image" import Link from "next/link" import { jobOffers } from "@/data/job-offers" export default function JobListings() { const [favorites, setFavorites] = useState([]) const toggleFavorite = (id: number) => { if (favorites.includes(id)) { setFavorites(favorites.filter((favId) => favId !== id)) } else { setFavorites([...favorites, id]) } } return (

✓

Apply Your Best Job Today 👆

{jobOffers.map((job) => (

{job.title}

{job.description}

{job.location && (

{job.location}

)} {job.type && (

{job.type}

)}

{job.payout}

Apply Now

{job.sponsored && (

Sponsored By {job.sponsored}

)}

))}

) } [V0_FILE]typescriptreact:file="components/footer.tsx" isMerged="true" import Link from "next/link" export default function Footer() { return ( ) } [V0_FILE]typescriptreact:file="tailwind.config.js" isMerged="true" /** @type {import('tailwindcss').Config} */ module.exports = { content: [ "./pages/**/*.{js,ts,jsx,tsx,mdx}", "./components/**/*.{js,ts,jsx,tsx,mdx}", "./app/**/*.{js,ts,jsx,tsx,mdx}", "*.{js,ts,jsx,tsx,mdx}", ], theme: { extend: { colors: { primary: "var(--primary)", "primary-dark": "var(--primary-dark)", secondary: "var(--secondary)", "secondary-dark": "var(--secondary-dark)", text: "var(--text)", "text-light": "var(--text-light)", background: "var(--background)", }, }, }, plugins: [], } [V0_FILE]typescriptreact:file="components/testimonials.tsx" isEdit="true" isQuickEdit="true" import Image from "next/image" interface Testimonial { id: number name: string role: string company: string comment: string avatar: string } export default function Testimonials() { const testimonials: Testimonial[] = [ { id: 1, name: "Sarah Johnson", role: "Marketing Specialist", company: "TechCorp", comment: "Job House helped me find my dream job within just two weeks! The process was smooth and the team was very supportive throughout.", avatar: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?q=80&w=150&auto=format&fit=crop", }, { id: 2, name: "Michael Chen", role: "Software Developer", company: "InnovateSoft", comment: "I was struggling to find remote work opportunities until I discovered Job House. Now I have a flexible job that perfectly matches my skills!", avatar: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?q=80&w=150&auto=format&fit=crop", }, { id: 3, name: "Emily Rodriguez", role: "HR Manager", company: "Global Solutions", comment: "As a hiring manager, I've found exceptional talent through Job House. The quality of candidates is consistently high.", avatar: "https://images.unsplash.com/photo-1573497019940-1c28c88b4f3e?q=80&w=150&auto=format&fit=crop", }, ] return (

What Our Clients Say

{testimonials.map((testimonial) => (

"{testimonial.comment}"

{testimonial.name}

{testimonial.role}, {testimonial.company}

))}

) } [V0_FILE]typescriptreact:file="components/hero.tsx" isEdit="true" isQuickEdit="true" import Link from "next/link" export default function Hero() { return (

Find The Perfect Job That You Deserved

Apply Your Best Job Today and take the next step toward a fulfilling career! Explore exciting opportunities that match your skills and passion. Don't wait—seize the chance to grow, succeed, and achieve your professional dreams. Your future starts with a simple click.

Search A Job Apply Now

) } [V0_FILE]typescriptreact:file="data/job-offers.ts" isEdit="true" isQuickEdit="true" export interface JobOffer { id: number title: string description: string payout: string link: string logo?: string location?: string type?: string sponsored?: string } export const jobOffers: JobOffer[] = [ { id: 3732, title: "OnlyGretaJobs - Adir - (US)", description: "Sign up and get your job at Aditi. Connect on Valid Email submit.", payout: "$18 + $2 Fixed", link: "https://desmaff.com/clsc/to-97222p-6302", location: "New York, USA", type: "Full Time", logo: "https://images.unsplash.com/photo-1599305445671-ac291c95aaa9?q=80&w=80&auto=format&fit=crop", }, { id: 3731, title: "OnlyGretaJobs - Walmart - (US)", description: "Get your job at Walmart now! Connect on Valid Email submit.", payout: "$18", link: "https://desmaff.com/clsc/to-5721&p=6322", location: "Multiple Locations, USA", type: "Full Time", logo: "https://corporate.walmart.com/content/dam/corporate/images/logos/walmart-logo.svg", sponsored: "Walmart Group", }, { id: 3730, title: "OnlyGretaJobs - Pepsi - (J05)", description: "Get your job at Pepsi now! Connect on Valid Email submit.", payout: "$18 + $2 Fixed", link: "https://desmaff.com/clsc/to-3728/apr5822", location: "Chicago, USA", type: "Full Time", logo: "https://images.unsplash.com/photo-1629203432180-71e9b18d855a?q=80&w=80&auto=format&fit=crop", }, { id: 3734, title: "Hyperhxcomables - Medical Jobs - (US)", description: "Sign up and find medical jobs! Connect on Valid Email submit.", payout: "$18 + $2 Fixed", link: "https://desmaff.com/cisci/o-97245p+6302", location: "Boston, USA", type: "Part Time", logo: "https://images.unsplash.com/photo-1505751172876-fa1923c5c528?q=80&w=80&auto=format&fit=crop", }, { id: 3729, title: "OnlyGestables - Food Taste - (US)", description: "Get your job as a food taster! Convert on Valid Email submit.", payout: "$18", link: "https://desmaff.com/cist/to-5725kg-c532", location: "Los Angeles, USA", type: "Contract", logo: "https://images.unsplash.com/photo-1546069901-ba9599a7e63c?q=80&w=80&auto=format&fit=crop", }, { id: 3735, title: "Hyperhxcomables - Nurse Jobs - (US)", description: "Sign up and find nurse jobs! Connect on Valid Email submit.", payout: "$18 + $2 Fixed", link: "https://desmaff.com/clsc/to-57258p+5822", location: "Miami, USA", type: "Full Time", logo: "https://images.unsplash.com/photo-1584982751601-97dcc096659c?q=80&w=80&auto=format&fit=crop", }, { id: 3788, title: "Higherhocomolubia - Work From Home - (US)", description: "Sign up and start working from home!", payout: "$18", link: "https://dreamsfit.com/click?c=275&lg=6322", location: "Remote, USA", type: "Remote", logo: "https://images.unsplash.com/photo-1611174743420-3d7df880ce32?q=80&w=80&auto=format&fit=crop", }, { id: 3728, title: "OnlyGestables - UPS - (US)", description: "Sign up and get your UPS job! Convert on Valid Email submit.", payout: "$52", link: "https://dreamoff.com/cdcK/o=3728&e=6362", location: "Dallas, USA", type: "Full Time", logo: "https://images.unsplash.com/photo-1586818079715-23011105e8b8?q=80&w=80&auto=format&fit=crop", }, { id: 3733, title: "HigherhocmeAids - Other Jobs - (US)", description: "Sign up and start working as a direct Connect on Valid Email submit.", payout: "$18 + $2 Fixed", link: "https://desmaff.com/clsc/to-57235p-0502", location: "Seattle, USA", type: "Part Time", logo: "https://images.unsplash.com/photo-1560179707-f14e90ef3623?q=80&w=80&auto=format&fit=crop", }, { id: 3736, title: "FedEx Job", description: "Join our team at FedEx and be part of a global delivery network. Great benefits and career growth opportunities.", payout: "$200 - $500", link: "/apply/fedex", location: "New York, USA", type: "Part Time", logo: "https://www.fedex.com/content/dam/fedex-com/logos/logo.png", sponsored: "FedEx Group", }, ]

About

Tags

Share

More Templates Like This

About

Tags

Share

About

Tags

Share

More Templates Like This