65 lines
2.9 KiB
TypeScript
65 lines
2.9 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
|
|
export default function CoursesCatalogPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="blurBottom"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Courses", id: "/courses" },
|
|
{ name: "Enrollment", id: "/enrollment" },
|
|
{ name: "Pricing", id: "/pricing" }
|
|
]}
|
|
brandName="GourmetAgency"
|
|
/>
|
|
</div>
|
|
|
|
<div id="catalog" data-section="catalog" className="pt-32">
|
|
<ProductCardThree
|
|
title="Our Course Catalog"
|
|
description="Expertly crafted courses for culinary professionals."
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
textboxLayout="default"
|
|
products={[
|
|
{ id: "c1", name: "Advanced Culinary Techniques", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/chef-preparing-dish_23-2148734604.jpg" },
|
|
{ id: "c2", name: "Restaurant Strategy Mastery", price: "$399", imageSrc: "http://img.b2bpic.net/free-photo/professional-architectural-designer-configures-floor-plan-dual-monitors_482257-120253.jpg" },
|
|
{ id: "c3", name: "Digital Menu Engineering", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/close-up-utensil-around-digital-tablet-beige-background_23-2148041733.jpg" },
|
|
{ id: "c4", name: "Luxury Hospitality Leadership", price: "$499", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-as-barista_23-2150754672.jpg" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="GourmetAgency"
|
|
columns={[
|
|
{ items: [{ label: "Home", href: "/" }, { label: "Courses", href: "/courses" }] },
|
|
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |