135 lines
4.1 KiB
TypeScript
135 lines
4.1 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLarge"
|
|
background="floatingGradient"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "/",
|
|
},
|
|
{
|
|
name: "Courses",
|
|
id: "/courses",
|
|
},
|
|
{
|
|
name: "Pricing",
|
|
id: "/pricing",
|
|
},
|
|
{
|
|
name: "Dashboard",
|
|
id: "/dashboard",
|
|
},
|
|
]}
|
|
brandName="CodeRise"
|
|
button={{
|
|
text: "Get Started",
|
|
href: "/login",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="product-grid" data-section="product-grid">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="bento-grid"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "c1",
|
|
name: "HTML & CSS Basics",
|
|
price: "Free",
|
|
variant: "Beginner",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZmtd6c4ADT4sgev4uUX1P3Noa/a-stylized-abstract-illustration-represe-1774705228204-1f5634e4.png?_wi=1",
|
|
},
|
|
{
|
|
id: "c2",
|
|
name: "Advanced React & Redux",
|
|
price: "$49",
|
|
variant: "Advanced",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZmtd6c4ADT4sgev4uUX1P3Noa/a-stylized-abstract-illustration-represe-1774705228204-1f5634e4.png?_wi=2",
|
|
},
|
|
{
|
|
id: "c3",
|
|
name: "Python for Data Science",
|
|
price: "$39",
|
|
variant: "Intermediate",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZmtd6c4ADT4sgev4uUX1P3Noa/a-stylized-abstract-illustration-represe-1774705228204-1f5634e4.png?_wi=3",
|
|
},
|
|
]}
|
|
title="Browse Our Programming Tracks"
|
|
description="From beginner basics to advanced full-stack development."
|
|
/>
|
|
</div>
|
|
|
|
<div id="product" data-section="product">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
title="New & Popular Courses"
|
|
description="Curated content for the most in-demand tech roles."
|
|
products={[
|
|
{
|
|
id: "nc1",
|
|
brand: "CodeRise",
|
|
name: "AI Fundamentals",
|
|
price: "$99",
|
|
rating: 5,
|
|
reviewCount: "1.2k",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZmtd6c4ADT4sgev4uUX1P3Noa/a-stylized-abstract-illustration-represe-1774705228204-1f5634e4.png?_wi=4",
|
|
},
|
|
{
|
|
id: "nc2",
|
|
brand: "CodeRise",
|
|
name: "Cloud Architecture",
|
|
price: "$129",
|
|
rating: 4,
|
|
reviewCount: "800",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZmtd6c4ADT4sgev4uUX1P3Noa/a-stylized-abstract-illustration-represe-1774705228204-1f5634e4.png?_wi=5",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="CodeRise"
|
|
leftLink={{
|
|
text: "Terms of Service",
|
|
href: "/terms",
|
|
}}
|
|
rightLink={{
|
|
text: "Privacy Policy",
|
|
href: "/privacy",
|
|
}}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|