111 lines
3.4 KiB
TypeScript
111 lines
3.4 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import LegalSection from '@/components/legal/LegalSection';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="noise"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "/"},
|
|
{
|
|
name: "Menu", id: "/menu"},
|
|
{
|
|
name: "About", id: "/about"},
|
|
{
|
|
name: "Visit Us", id: "/contact"},
|
|
]}
|
|
brandName="Il Vicolo"
|
|
/>
|
|
</div>
|
|
|
|
<div id="feature" data-section="feature">
|
|
<FeatureCardTwelve
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Our Philosophy"
|
|
description="The pillars of our service."
|
|
features={[
|
|
{
|
|
id: "p1", label: "01", title: "Freshness", items: [
|
|
"Local produce", "Organic flour", "Hand-kneaded"],
|
|
},
|
|
{
|
|
id: "p2", label: "02", title: "Heritage", items: [
|
|
"Traditional recipes", "Roman techniques", "Authentic"],
|
|
},
|
|
{
|
|
id: "p3", label: "03", title: "Service", items: [
|
|
"Personal attention", "Warm atmosphere", "Inclusive"],
|
|
},
|
|
{
|
|
id: "p4", label: "04", title: "Setting", items: [
|
|
"Cozy interior", "Dim lighting", "Intimate"],
|
|
},
|
|
{
|
|
id: "p5", label: "05", title: "Craft", items: [
|
|
"Time-tested", "Patient prep", "Handmade"],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="legal" data-section="legal">
|
|
<LegalSection
|
|
layout="section"
|
|
title="Company Standards"
|
|
sections={[
|
|
{
|
|
heading: "Safety", content: "We adhere to strict food safety standards."},
|
|
{
|
|
heading: "Privacy", content: "User data safety and no third-party sharing."},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="home-footer" data-section="home-footer">
|
|
<FooterBaseCard
|
|
logoText="Il Vicolo"
|
|
columns={[
|
|
{
|
|
title: "Navigation", items: [
|
|
{
|
|
label: "Menu", href: "/menu"},
|
|
{
|
|
label: "About", href: "/about"},
|
|
],
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{
|
|
label: "Visit Us", href: "/contact"},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|