96 lines
5.3 KiB
TypeScript
96 lines
5.3 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
|
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="fluid"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Search", id: "/search" },
|
|
{ name: "Saved", id: "/saved" },
|
|
{ name: "Profile", id: "/profile" },
|
|
]}
|
|
brandName="JMA"
|
|
button={{ text: "Get Started", href: "/profile" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboardSplit
|
|
background={{ variant: "gradient-bars" }}
|
|
logoText="JMA Radar"
|
|
description="Stop searching, start finding. Curated listings, personal match scoring, and a calm, clear path to your next role."
|
|
buttons={[{ text: "Join Now", href: "/profile" }]}
|
|
buttonAnimation="slide-up"
|
|
layoutOrder="default"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdCHXyKlKzInhFMFJAXkji1y53/a-serene-professional-bangladeshi-softwa-1774809700273-0bdb1d03.png"
|
|
mediaAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{ title: "Personalized Matches", description: "Our scoring algorithm evaluates every post against your profile.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdCHXyKlKzInhFMFJAXkji1y53/a-minimalist-user-interface-screen-showi-1774809700757-1550bd4d.png" },
|
|
{ title: "Quality First", description: "No fake posts or spam. Every listing is verified by our filters.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdCHXyKlKzInhFMFJAXkji1y53/a-visual-representation-of-data-quality--1774809699659-f88b9729.png" },
|
|
{ title: "AI Career Advisor", description: "Get expert career advice whenever you need it.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdCHXyKlKzInhFMFJAXkji1y53/warm-abstract-graphic-representing-caree-1774809700164-0255f477.png" }
|
|
]}
|
|
title="Why JMA is Different"
|
|
description="We cut through the noise, leaving only the opportunities that match your real-world skills."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "t1", name: "Rahim Ahmed", handle: "@rahim_dev", testimonial: "Finally, a platform that doesn't feel like a chore. The match score is incredibly accurate.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdCHXyKlKzInhFMFJAXkji1y53/portrait-of-a-confident-young-bangladesh-1774809699550-a3f1be5c.png" },
|
|
{ id: "t2", name: "Fatima Zohra", handle: "@fatima_design", testimonial: "The quality badge saved me so much time. I feel safe applying again.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdCHXyKlKzInhFMFJAXkji1y53/portrait-of-a-friendly-tech-savvy-gradua-1774809700395-820b1a2f.png" },
|
|
{ id: "t3", name: "Kabir Hossain", handle: "@kabir_eng", testimonial: "The AI advisor is like having a mentor in my pocket. Highly recommended.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdCHXyKlKzInhFMFJAXkji1y53/confident-portrait-of-a-female-professio-1774809701040-52bb697c.png" },
|
|
{ id: "t4", name: "Sumaiya Akter", handle: "@sumaiya_hr", testimonial: "Calm, clean, and effective. JMA changed how I look at job searching.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdCHXyKlKzInhFMFJAXkji1y53/portrait-of-an-ambitious-developer-profe-1774809699959-909ddbb2.png" },
|
|
{ id: "t5", name: "User Name", handle: "@user", testimonial: "Test", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdCHXyKlKzInhFMFJAXkji1y53/portrait-of-a-friendly-tech-savvy-gradua-1774809700395-820b1a2f.png" }
|
|
]}
|
|
title="From Our Community"
|
|
description="Real stories from professionals who found their path through JMA."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="JMA © 2024"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Contact Support", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|