diff --git a/src/app/page.tsx b/src/app/page.tsx index 86719a6..2c75b68 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -20,23 +20,24 @@ export default function LandingPage() { defaultButtonVariant="icon-arrow" defaultTextAnimation="entrance-slide" borderRadius="pill" + contentWidth="medium" + sizing="medium" + background="circleGradient" + cardStyle="glass-elevated" + primaryButtonStyle="gradient" + secondaryButtonStyle="glass" + headingFontWeight="normal" > @@ -68,15 +65,11 @@ export default function LandingPage() { description="We cut through the noise. Whether you are a UI/UX Designer, Senior Developer, or content strategist, our platform surfaces the most relevant high-quality opportunities." metrics={[ { - value: "12k+", - title: "Jobs Posted", - }, + value: "12k+", title: "Jobs Posted"}, { - value: "5k+", - title: "Verified Clients", - }, + value: "5k+", title: "Verified Clients"}, ]} - imageSrc="http://img.b2bpic.net/free-photo/designer-work-office_158595-1208.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/designer-work-office_158595-1208.jpg" imageAlt="Workspace setup" mediaAnimation="slide-up" metricsAnimation="slide-up" @@ -90,34 +83,16 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - id: "cat1", - label: "Design", - title: "Creative Roles", - items: [ - "Product Design", - "UI/UX", - "Brand Design", - ], + id: "cat1", label: "Design", title: "Creative Roles", items: [ + "Product Design", "UI/UX", "Brand Design"], }, { - id: "cat2", - label: "Tech", - title: "Development", - items: [ - "Frontend", - "Backend", - "Fullstack", - ], + id: "cat2", label: "Tech", title: "Development", items: [ + "Frontend", "Backend", "Fullstack"], }, { - id: "cat3", - label: "Content", - title: "Strategy", - items: [ - "Copywriting", - "SEO", - "Content Marketing", - ], + id: "cat3", label: "Content", title: "Strategy", items: [ + "Copywriting", "SEO", "Content Marketing"], }, ]} title="Explore Job Categories" @@ -132,53 +107,23 @@ export default function LandingPage() { useInvertedBackground={false} plans={[ { - id: "basic", - title: "Single Post", - price: "$99", - period: "/per job", - features: [ - "30 days live", - "Email blast", - "Social sharing", - ], + id: "basic", title: "Single Post", price: "$99", period: "/per job", features: [ + "30 days live", "Email blast", "Social sharing"], button: { - text: "Choose Basic", - }, - imageSrc: "http://img.b2bpic.net/free-photo/3d-render-handshake-icon-isolated-business-concept_107791-15028.jpg?_wi=1", - imageAlt: "creative job icon", - }, + text: "Choose Basic"}, + imageSrc: "http://img.b2bpic.net/free-photo/3d-render-handshake-icon-isolated-business-concept_107791-15028.jpg", imageAlt: "creative job icon"}, { - id: "pro", - title: "Pro Bundle", - price: "$299", - period: "/5 jobs", - features: [ - "Featured listing", - "Priority support", - "Candidate analytics", - ], + id: "pro", title: "Pro Bundle", price: "$299", period: "/5 jobs", features: [ + "Featured listing", "Priority support", "Candidate analytics"], button: { - text: "Choose Pro", - }, - imageSrc: "http://img.b2bpic.net/free-photo/japanese-subway-system-display-screen-passenger-information_23-2148954876.jpg?_wi=2", - imageAlt: "creative job icon", - }, + text: "Choose Pro"}, + imageSrc: "http://img.b2bpic.net/free-photo/japanese-subway-system-display-screen-passenger-information_23-2148954876.jpg", imageAlt: "creative job icon"}, { - id: "agency", - title: "Agency Pack", - price: "$799", - period: "/Unlimited", - features: [ - "Custom branding", - "API access", - "Success manager", - ], + id: "agency", title: "Agency Pack", price: "$799", period: "/Unlimited", features: [ + "Custom branding", "API access", "Success manager"], button: { - text: "Choose Agency", - }, - imageSrc: "http://img.b2bpic.net/free-photo/designer-work-office_158595-1208.jpg?_wi=2", - imageAlt: "creative job icon", - }, + text: "Choose Agency"}, + imageSrc: "http://img.b2bpic.net/free-photo/designer-work-office_158595-1208.jpg", imageAlt: "creative job icon"}, ]} title="Post Your Listings" description="Reach thousands of vetted professionals in your industry." @@ -193,25 +138,13 @@ export default function LandingPage() { useInvertedBackground={false} metrics={[ { - id: "m1", - value: "94%", - title: "Placement Rate", - description: "Successfully hired roles.", - icon: CheckCircle, + id: "m1", value: "94%", title: "Placement Rate", description: "Successfully hired roles.", icon: CheckCircle, }, { - id: "m2", - value: "14d", - title: "Avg. Time to Hire", - description: "Faster matching.", - icon: Clock, + id: "m2", value: "14d", title: "Avg. Time to Hire", description: "Faster matching.", icon: Clock, }, { - id: "m3", - value: "$120k", - title: "Avg. Salary", - description: "Top-tier compensation.", - icon: DollarSign, + id: "m3", value: "$120k", title: "Avg. Salary", description: "Top-tier compensation.", icon: DollarSign, }, ]} title="Our Impact" @@ -225,60 +158,15 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "t1", - name: "Alex Smith", - date: "Oct 2023", - title: "Lead UI Designer", - quote: "I found my dream remote role within two weeks of searching. Seamless experience.", - tag: "Design", - avatarSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg", - imageSrc: "http://img.b2bpic.net/free-photo/japanese-subway-system-display-screen-passenger-information_23-2148954876.jpg?_wi=3", - imageAlt: "freelance designer portrait", - }, + id: "t1", name: "Alex Smith", date: "Oct 2023", title: "Lead UI Designer", quote: "I found my dream remote role within two weeks of searching. Seamless experience.", tag: "Design", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg", imageSrc: "http://img.b2bpic.net/free-photo/japanese-subway-system-display-screen-passenger-information_23-2148954876.jpg", imageAlt: "freelance designer portrait"}, { - id: "t2", - name: "Maria Garcia", - date: "Sep 2023", - title: "Fullstack Developer", - quote: "The curation on this platform is unmatched. Only relevant gigs here.", - tag: "Development", - avatarSrc: "http://img.b2bpic.net/free-photo/confident-young-bald-call-center-man-holding-pointing-with-hand-laptop-isolated-olive-green-with-copy-space_141793-76626.jpg", - imageSrc: "http://img.b2bpic.net/free-photo/designer-work-office_158595-1208.jpg?_wi=3", - imageAlt: "freelance designer portrait", - }, + id: "t2", name: "Maria Garcia", date: "Sep 2023", title: "Fullstack Developer", quote: "The curation on this platform is unmatched. Only relevant gigs here.", tag: "Development", avatarSrc: "http://img.b2bpic.net/free-photo/confident-young-bald-call-center-man-holding-pointing-with-hand-laptop-isolated-olive-green-with-copy-space_141793-76626.jpg", imageSrc: "http://img.b2bpic.net/free-photo/designer-work-office_158595-1208.jpg", imageAlt: "freelance designer portrait"}, { - id: "t3", - name: "James Wilson", - date: "Aug 2023", - title: "Content Strategist", - quote: "Highly recommended for marketers looking for high-quality niche clients.", - tag: "Content", - avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-books_23-2148882723.jpg", - imageSrc: "http://img.b2bpic.net/free-photo/3d-render-handshake-icon-isolated-business-concept_107791-15028.jpg?_wi=2", - imageAlt: "freelance designer portrait", - }, + id: "t3", name: "James Wilson", date: "Aug 2023", title: "Content Strategist", quote: "Highly recommended for marketers looking for high-quality niche clients.", tag: "Content", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-books_23-2148882723.jpg", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-handshake-icon-isolated-business-concept_107791-15028.jpg", imageAlt: "freelance designer portrait"}, { - id: "t4", - name: "Sarah Chen", - date: "Jul 2023", - title: "Product Manager", - quote: "Exceptional board with very targeted listings that saved me tons of time.", - tag: "Management", - avatarSrc: "http://img.b2bpic.net/free-photo/smiley-architect-posing-his-desk_23-2148242991.jpg", - imageSrc: "http://img.b2bpic.net/free-photo/modern-man-desk_23-2147986075.jpg", - imageAlt: "freelance designer portrait", - }, + id: "t4", name: "Sarah Chen", date: "Jul 2023", title: "Product Manager", quote: "Exceptional board with very targeted listings that saved me tons of time.", tag: "Management", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-architect-posing-his-desk_23-2148242991.jpg", imageSrc: "http://img.b2bpic.net/free-photo/modern-man-desk_23-2147986075.jpg", imageAlt: "freelance designer portrait"}, { - id: "t5", - name: "David Brown", - date: "Jun 2023", - title: "UX Researcher", - quote: "The best platform for research roles I have ever used. Simple and effective.", - tag: "Design", - avatarSrc: "http://img.b2bpic.net/free-photo/portrait-female-mechanic-repair-garage_107420-95937.jpg", - imageSrc: "http://img.b2bpic.net/free-photo/messy-office-desk-with-old-computer-still-life_23-2150155600.jpg", - imageAlt: "freelance designer portrait", - }, + id: "t5", name: "David Brown", date: "Jun 2023", title: "UX Researcher", quote: "The best platform for research roles I have ever used. Simple and effective.", tag: "Design", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-female-mechanic-repair-garage_107420-95937.jpg", imageSrc: "http://img.b2bpic.net/free-photo/messy-office-desk-with-old-computer-still-life_23-2150155600.jpg", imageAlt: "freelance designer portrait"}, ]} title="Success Stories" description="Hear from the professionals who found their dream niche jobs through our board." @@ -291,20 +179,11 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "q1", - title: "Is it free to browse?", - content: "Yes, browsing is completely free for all professionals.", - }, + id: "q1", title: "Is it free to browse?", content: "Yes, browsing is completely free for all professionals."}, { - id: "q2", - title: "How do you verify jobs?", - content: "Our moderation team manually verifies every single post.", - }, + id: "q2", title: "How do you verify jobs?", content: "Our moderation team manually verifies every single post."}, { - id: "q3", - title: "Can I hide my profile?", - content: "Yes, you can manage your visibility in your dashboard settings.", - }, + id: "q3", title: "Can I hide my profile?", content: "Yes, you can manage your visibility in your dashboard settings."}, ]} imageSrc="http://img.b2bpic.net/free-photo/close-up-customer-service-operator-assisting-customers-with-issues_482257-117959.jpg" mediaAnimation="slide-up" @@ -318,8 +197,7 @@ export default function LandingPage() {