Merge version_2 into main #2
@@ -1,29 +1,18 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Halant } from "next/font/google";
|
||||
import { Inter } from "next/font/google";
|
||||
import { Nunito } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
|
||||
const halant = Halant({
|
||||
variable: "--font-halant", subsets: ["latin"],
|
||||
weight: ["300", "400", "500", "600", "700"],
|
||||
});
|
||||
|
||||
const inter = Inter({
|
||||
variable: "--font-inter", subsets: ["latin"],
|
||||
});
|
||||
|
||||
const nunito = Nunito({
|
||||
variable: "--font-nunito", subsets: ["latin"],
|
||||
});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Spokane Jobs - Find Local Career Opportunities", description: "Discover quality job opportunities in Spokane. Browse listings, apply directly, and start your career journey with trusted local employers.", keywords: "jobs Spokane, Spokane careers, employment Spokane, job board, career opportunities", openGraph: {
|
||||
title: "Spokane Jobs - Find Your Next Career", description: "Discover quality job opportunities in the Spokane area. Apply to positions from trusted employers.", siteName: "Spokane Jobs", type: "website"},
|
||||
title: "Resume Builder - Create Professional Resumes", description: "Build, customize, and export professional resumes with ease. Create a standout resume that gets noticed by employers.", keywords: "resume builder, resume maker, CV builder, professional resume, job application", openGraph: {
|
||||
title: "Resume Builder - Create Your Professional Resume", description: "Build and customize your professional resume in minutes. Export as PDF or share online.", siteName: "Resume Builder", type: "website"},
|
||||
twitter: {
|
||||
card: "summary_large_image", title: "Spokane Jobs - Career Opportunities", description: "Find your next job in Spokane with our job board platform."},
|
||||
card: "summary_large_image", title: "Resume Builder - Professional Resume Creator", description: "Create, customize, and export professional resumes easily."},
|
||||
robots: {
|
||||
index: true,
|
||||
follow: true,
|
||||
@@ -38,9 +27,7 @@ export default function RootLayout({
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body
|
||||
className={`${halant.variable} ${inter.variable} ${nunito.variable} antialiased`}
|
||||
>
|
||||
<body className={`${inter.variable} antialiased`}>
|
||||
<Tag />
|
||||
{children}
|
||||
|
||||
|
||||
144
src/app/page.tsx
144
src/app/page.tsx
@@ -10,7 +10,7 @@ import TestimonialCardFifteen from "@/components/sections/testimonial/Testimonia
|
||||
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
||||
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
||||
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
||||
import { Briefcase, CheckCircle, Mail } from "lucide-react";
|
||||
import { FileText, CheckCircle, Mail } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -28,35 +28,35 @@ export default function LandingPage() {
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="Spokane Jobs"
|
||||
brandName="Resume Builder"
|
||||
navItems={[
|
||||
{ name: "Find Jobs", id: "jobs" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "How It Works", id: "process" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{ text: "Post a Job", href: "#contact" }}
|
||||
button={{ text: "Start Building", href: "#contact" }}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
title="Find Your Next Opportunity in Spokane"
|
||||
description="Discover quality job opportunities from trusted local and regional employers. Connect with companies that value your skills and vision."
|
||||
title="Build Your Professional Resume in Minutes"
|
||||
description="Create a standout resume that gets noticed by employers. Choose from professional templates, customize with your experience, and export as PDF or share online."
|
||||
background={{ variant: "downward-rays-static-grid" }}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Job seeker"},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Professional resume builder"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Career professional"},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Career development tool"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "New hire"},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Job application success"},
|
||||
]}
|
||||
avatarText="Trusted by 2,000+ Spokane professionals"
|
||||
avatarText="Trusted by 100,000+ job seekers"
|
||||
buttons={[
|
||||
{ text: "Browse Jobs", href: "#jobs" },
|
||||
{ text: "Learn More", href: "#process" },
|
||||
{ text: "Create Resume", href: "#features" },
|
||||
{ text: "View Examples", href: "#process" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -64,40 +64,40 @@ export default function LandingPage() {
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
title="Your Gateway to Career Success"
|
||||
description="Spokane Jobs connects talented professionals with meaningful employment opportunities. We're committed to making job searching easier, faster, and more rewarding for everyone in our community."
|
||||
tag="About Spokane Jobs"
|
||||
title="Craft Your Professional Story"
|
||||
description="Our resume builder guides you through creating a compelling professional profile. Whether you're a recent graduate or an experienced professional, we help you showcase your skills, experience, and achievements in a way that resonates with employers."
|
||||
tag="About Our Platform"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-stacking-hands-supporting-each-other_23-2147663728.jpg"
|
||||
imageAlt="Professional community"
|
||||
buttons={[{ text: "Explore Opportunities", href: "#jobs" }]}
|
||||
imageAlt="Professional resume building"
|
||||
buttons={[{ text: "Start Your Resume", href: "#features" }]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="jobs" data-section="jobs">
|
||||
<div id="features" data-section="features">
|
||||
<MetricCardTen
|
||||
title="Featured Job Openings"
|
||||
description="Explore our current job listings across various industries in the Spokane area"
|
||||
tag="Careers"
|
||||
tagIcon={Briefcase}
|
||||
title="Key Features to Build Your Best Resume"
|
||||
description="Everything you need to create a professional resume that opens doors"
|
||||
tag="Features"
|
||||
tagIcon={FileText}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1", title: "Senior Software Engineer", subtitle: "Spokane, WA · Full-time · Hybrid", category: "Technology", value: "$120K – $160K", buttons: [{ text: "Apply Now", href: "#contact" }],
|
||||
id: "1", title: "Professional Templates", subtitle: "Choose from 20+ ATS-optimized designs", category: "Design", value: "20+", buttons: [{ text: "Explore", href: "#contact" }],
|
||||
},
|
||||
{
|
||||
id: "2", title: "Marketing Manager", subtitle: "Downtown Spokane · Full-time · On-site", category: "Marketing", value: "$85K – $115K", buttons: [{ text: "Apply Now", href: "#contact" }],
|
||||
id: "2", title: "Smart Content Suggestions", subtitle: "AI-powered recommendations for impact", category: "AI", value: "Powered", buttons: [{ text: "Learn More", href: "#contact" }],
|
||||
},
|
||||
{
|
||||
id: "3", title: "Healthcare Administrator", subtitle: "Spokane County · Full-time · On-site", category: "Healthcare", value: "$65K – $95K", buttons: [{ text: "Apply Now", href: "#contact" }],
|
||||
id: "3", title: "Export & Share", subtitle: "PDF, email, or share your resume online", category: "Sharing", value: "3 Ways", buttons: [{ text: "Try It", href: "#contact" }],
|
||||
},
|
||||
{
|
||||
id: "4", title: "Graphic Designer", subtitle: "Spokane, WA · Full-time · Remote", category: "Design", value: "$55K – $80K", buttons: [{ text: "Apply Now", href: "#contact" }],
|
||||
id: "4", title: "Real-Time Preview", subtitle: "See changes instantly as you type", category: "Preview", value: "Live", buttons: [{ text: "Get Started", href: "#contact" }],
|
||||
},
|
||||
{
|
||||
id: "5", title: "Financial Analyst", subtitle: "Spokane · Full-time · Hybrid", category: "Finance", value: "$75K – $105K", buttons: [{ text: "Apply Now", href: "#contact" }],
|
||||
id: "5", title: "Version Control", subtitle: "Save multiple versions for different roles", category: "Organization", value: "Unlimited", buttons: [{ text: "Discover", href: "#contact" }],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -106,7 +106,7 @@ export default function LandingPage() {
|
||||
<div id="process" data-section="process">
|
||||
<FeatureCardSix
|
||||
title="How It Works"
|
||||
description="Finding your next job is just four simple steps away"
|
||||
description="Build your resume in four simple steps"
|
||||
tag="Process"
|
||||
tagIcon={CheckCircle}
|
||||
textboxLayout="default"
|
||||
@@ -114,23 +114,23 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Create Your Profile", description:
|
||||
"Build a professional profile that showcases your skills, experience, and career goals to employers.", imageSrc:
|
||||
title: "Choose a Template", description:
|
||||
"Select from professionally designed templates that are optimized for Applicant Tracking Systems (ATS). Each template is customizable to match your style and industry.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/startup-hr-worker-identifying-right-candidates-job-opening-reviewing-resume_482257-125564.jpg?_wi=1"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Browse & Search Jobs", description:
|
||||
"Explore job listings filtered by location, industry, job type, and salary range that match your preferences.", imageSrc:
|
||||
title: "Fill in Your Information", description:
|
||||
"Enter your contact information, professional summary, work experience, education, skills, and certifications. Our smart suggestions help you highlight your achievements.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/job-search-concept-find-your-career-online-website_169016-39364.jpg"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Apply Directly", description:
|
||||
"Submit applications to positions you're interested in with just a few clicks. Track all your applications in one place.", imageSrc:
|
||||
title: "Customize Your Design", description:
|
||||
"Adjust colors, fonts, spacing, and layout to create a resume that reflects your professional brand. See real-time updates as you make changes.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/startup-hr-worker-identifying-right-candidates-job-opening-reviewing-resume_482257-125564.jpg?_wi=2"},
|
||||
{
|
||||
id: 4,
|
||||
title: "Get Hired", description:
|
||||
"Connect with employers, interview, and land your dream job. Start your new career journey with confidence.", imageSrc:
|
||||
title: "Download or Share", description:
|
||||
"Export your resume as a PDF, share it online with a unique link, or email it directly to employers. Your resume is always ready to go.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/human-resource-manager-interviewing-male-applicant_1262-21172.jpg"},
|
||||
]}
|
||||
/>
|
||||
@@ -138,18 +138,18 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="Spokane Jobs helped me find an incredible position that perfectly matched my skills and lifestyle. The platform is intuitive and the support from their team was outstanding. I highly recommend it to anyone job hunting in the area."
|
||||
testimonial="This resume builder helped me land three interviews within two weeks. The templates are modern, the interface is intuitive, and the export quality is perfect. Highly recommended for anyone serious about their career!"
|
||||
rating={5}
|
||||
author="Sarah Mitchell, Marketing Professional"
|
||||
author="Michael Chen, Marketing Professional"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Sarah Mitchell"},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Michael Chen"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Professional community member"},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Professional success story"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Career success story"},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Career development"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Happy job seeker"},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Resume success"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -160,10 +160,10 @@ export default function LandingPage() {
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common questions about using Spokane Jobs"
|
||||
description="Everything you need to know about our resume builder"
|
||||
tag="Help"
|
||||
imageSrc="http://img.b2bpic.net/free-vector/faq-concept_23-2148147003.jpg"
|
||||
imageAlt="Support and FAQ resources"
|
||||
imageAlt="Resume builder support"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="left"
|
||||
textboxLayout="default"
|
||||
@@ -171,51 +171,51 @@ export default function LandingPage() {
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "Is it free to create a profile?", content:
|
||||
"Yes! Creating a profile on Spokane Jobs is completely free for job seekers. You can browse job listings, save positions, and apply to opportunities without any charges."},
|
||||
id: "1", title: "Is my resume ATS-friendly?", content:
|
||||
"Yes! All of our templates are specifically designed to be Applicant Tracking System (ATS) friendly. This means your resume will be correctly parsed by automated systems, ensuring it gets to hiring managers."},
|
||||
{
|
||||
id: "2", title: "How do I apply for a job?", content:
|
||||
"Once you've created your profile, simply browse jobs by category or search for specific positions. Click on a job you're interested in and select 'Apply Now'. Your profile information will be submitted to the employer."},
|
||||
id: "2", title: "Can I download my resume as PDF?", content:
|
||||
"Absolutely! You can download your resume as a high-quality PDF, which is the most commonly accepted format by employers. The PDF preserves all formatting and styling perfectly."},
|
||||
{
|
||||
id: "3", title: "Can I track my applications?", content:
|
||||
"Absolutely! Your dashboard shows all applications you've submitted, their status, and any messages from employers. You can track everything in one convenient location."},
|
||||
id: "3", title: "Do you offer templates for different industries?", content:
|
||||
"Yes, we provide templates optimized for various industries including tech, finance, healthcare, creative, and more. Each template is tailored to industry standards and best practices."},
|
||||
{
|
||||
id: "4", title: "How often are new jobs posted?", content:
|
||||
"New job listings are added to our platform daily from employers across the Spokane area and region. Check back regularly or enable notifications to stay updated on new opportunities."},
|
||||
id: "4", title: "Can I save multiple versions of my resume?", content:
|
||||
"Absolutely! You can create and save multiple versions of your resume, each tailored for different job positions or industries. This helps you apply to different roles with targeted resumes."},
|
||||
{
|
||||
id: "5", title: "Is my information kept private?", content:
|
||||
"Yes, we take privacy seriously. Your personal information is protected and only shared with employers when you apply to their positions. You can control what information is visible in your public profile."},
|
||||
id: "5", title: "Is there a mobile version?", content:
|
||||
"Yes, our resume builder works on both desktop and mobile devices. You can start building your resume on your phone and continue on your computer, with all changes automatically synced."},
|
||||
{
|
||||
id: "6", title: "Who can post jobs on the platform?", content:
|
||||
"Verified employers and recruiters in the Spokane area can post job listings. We work directly with organizations to ensure legitimate, quality job opportunities on our platform."},
|
||||
id: "6", title: "Do you have customer support?", content:
|
||||
"We offer comprehensive customer support via email and live chat during business hours. Our help center includes tutorials, guides, and best practices to help you create the perfect resume."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Newsletter"
|
||||
title="Stay Updated with New Opportunities"
|
||||
description="Subscribe to our newsletter and get notified about new job postings matching your interests and qualifications."
|
||||
tag="Get Started"
|
||||
title="Ready to Build Your Perfect Resume?"
|
||||
description="Join thousands of job seekers who've successfully used our resume builder to land their dream jobs. Start creating your professional resume today."
|
||||
tagIcon={Mail}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="Enter your email address"
|
||||
buttonText="Subscribe"
|
||||
termsText="We'll send you job updates and career tips. Unsubscribe anytime. We respect your privacy."
|
||||
inputPlaceholder="Enter your email to get started"
|
||||
buttonText="Start Building Now"
|
||||
termsText="We'll send you a link to get started. No spam, just helpful resume tips. Unsubscribe anytime."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Spokane Jobs"
|
||||
logoText="Resume Builder"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform", items: [
|
||||
{ label: "Find Jobs", href: "#jobs" },
|
||||
{ label: "How It Works", href: "#process" },
|
||||
{ label: "Post a Job", href: "#contact" },
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Templates", href: "#process" },
|
||||
{ label: "Pricing", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
@@ -226,10 +226,10 @@ export default function LandingPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Help Center", href: "#" },
|
||||
{ label: "Community", href: "#" },
|
||||
title: "Resources", items: [
|
||||
{ label: "Resume Tips", href: "#" },
|
||||
{ label: "Cover Letters", href: "#" },
|
||||
{ label: "Career Advice", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
@@ -240,7 +240,7 @@ export default function LandingPage() {
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Spokane Jobs. Connecting talent with opportunity."
|
||||
copyrightText="© 2025 Resume Builder. Build your future, one resume at a time."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
Reference in New Issue
Block a user