67 lines
2.5 KiB
TypeScript
67 lines
2.5 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
|
|
export default function LandingPage() {
|
|
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
|
|
brandName="GourmetAgency"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Pricing", id: "/pricing" },
|
|
{ name: "Enroll", id: "/enrollment" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCentered
|
|
background={{
|
|
variant: "gradient-bars"}}
|
|
title="Defining Premium Hospitality Excellence"
|
|
description="We craft bespoke identities, strategies, and digital experiences for the world's most prestigious culinary brands."
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/vertical-shot-smiling-cute-barista-girl-pouring-filter-coffee-making-order-cafe-client_1258-203375.jpg", alt: "Client" },
|
|
{ src: "http://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-as-barista_23-2150754672.jpg", alt: "Client" },
|
|
{ src: "http://img.b2bpic.net/free-photo/smiling-asian-girl-barista-giving-order-client-holding-takeaway-coffee-cup-wearing-apron-working_1258-199319.jpg", alt: "Client" },
|
|
]}
|
|
avatarText="Trusted by 50+ world-class restaurants"
|
|
buttons={[
|
|
{ text: "View Pricing", href: "/pricing" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="GourmetAgency"
|
|
columns={[
|
|
{ items: [{ label: "Home", href: "/" }, { label: "Pricing", href: "/pricing" }] },
|
|
{ items: [{ label: "Enrollment", href: "/enrollment" }] }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |