135 lines
7.8 KiB
TypeScript
135 lines
7.8 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import { Award, Coffee, Smile } from "lucide-react";
|
|
import { useState } from "react";
|
|
|
|
export default function LandingPage() {
|
|
const [isMounted] = useState(true);
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="floatingGradient"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="normal"
|
|
>
|
|
{isMounted && (
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{ name: "Menu", id: "/menu" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "Events", id: "/#events" },
|
|
{ name: "Visit", id: "/#visit" },
|
|
]}
|
|
brandName="Molisana Bakery"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplit
|
|
background={{ variant: "gradient-bars" }}
|
|
title="Wood-Fired Comfort, Italian Classics & Espresso Done Right."
|
|
description="From early-morning cappuccinos to hot table favourites and fresh pastries — Molisana Bakery is your daily Italian ritual. Simply put: There is no substitute for the Italian way of food."
|
|
buttons={[
|
|
{ text: "View Menu", href: "/menu" },
|
|
{ text: "View Services", href: "/services" },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/woman-white-sweater-pouring-milk-into-coffee-dessert_1157-26624.jpg"
|
|
imageAlt="authentic italian bakery display"
|
|
mediaAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
title="A Daily Italian Ritual"
|
|
metrics={[
|
|
{ label: "Years of Tradition", value: "15+", icon: Award },
|
|
{ label: "Fresh Pastries Daily", value: "20+", icon: Coffee },
|
|
{ label: "Satisfied Customers", value: "500+", icon: Smile },
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="one-large-left-three-stacked-right"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{ id: "p1", name: "Lasagna Al Forno", price: "CA$15", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-italian-pasta-with-meat-tomato-sauce-grey-surface-meal-pasta-dough-food-dinner_140725-85885.jpg" },
|
|
{ id: "p2", name: "Signature Tiramisu", price: "CA$8", imageSrc: "http://img.b2bpic.net/free-photo/tasty-homemade-tiramisu-cake_114579-43299.jpg" },
|
|
{ id: "p3", name: "Pistachio Cannoli", price: "CA$5", imageSrc: "http://img.b2bpic.net/free-photo/closeup-raw-vegan-roll-made-from-hazelnuts-purple-grunge-tabletop_181624-44513.jpg" },
|
|
{ id: "p4", name: "Porchetta Sandwich", price: "CA$12", imageSrc: "http://img.b2bpic.net/free-photo/roll-hot-smoked-fish_2829-14225.jpg" },
|
|
{ id: "p5", name: "Cafe Crema", price: "CA$4", imageSrc: "http://img.b2bpic.net/free-photo/glass-foamy-latte-decorated-with-daffodil_141793-433.jpg" },
|
|
{ id: "p6", name: "Focaccia Sandwich", price: "CA$14", imageSrc: "http://img.b2bpic.net/free-photo/mozzarella-sliders-summer-picnic-sandwiches_53876-103644.jpg" },
|
|
]}
|
|
title="Our Daily Classics"
|
|
description="Authentic recipes, generous portions, and the quality you expect from a real Italian eatery."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
showRating={true}
|
|
testimonials={[
|
|
{ id: "1", name: "Fabiano Daher", handle: "@fabiano", testimonial: "The lasagna and the tiramisu are among the best I have ever tasted in my life.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-dining-table-while-communicating-with-her-husband_637285-3516.jpg" },
|
|
{ id: "2", name: "Constantine Marzavas", handle: "@constantine", testimonial: "Perfect espresso! Opens at 6am so it's a great place to relax before your work day.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fashionable-handsome-male-student-with-thick-beard-sitting-wooden-table-with-mug-drinking-coffee-having-happy-cheerful-face-expression_273609-1763.jpg" },
|
|
{ id: "3", name: "Aly Amaral", handle: "@aly", testimonial: "The atmosphere feels incredibly authentic, lively, and welcoming.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg" },
|
|
{ id: "4", name: "Oscar Castillo", handle: "@oscar", testimonial: "Excellent place to grab a sandwich or hit up the hot plates. Sandwiches packed with meat!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/hipster-with-stylish-haircut-beard-sits-table-roadside-cafe-drinks-soda-hot-day_613910-19633.jpg" },
|
|
{ id: "5", name: "MariaV", handle: "@maria", testimonial: "Best bakery in town by far. The hot table is fantastic, service is excellent.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/middle-age-senior-woman-wearing-apron-uniform-red-isolated-background-doing-happy-thumbs-up-gesture-with-hand-approving-expression-looking-camera-showing-success_839833-32756.jpg" },
|
|
]}
|
|
title="What Our Community Says"
|
|
description="Family eatery, artisan bakery, and your local morning spot."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
background={{ variant: "sparkles-gradient" }}
|
|
text="Visit us at 5731 Hwy 7, Woodbridge, ON L4L 1T7. We are open daily from 6 a.m. to 10 p.m. Call us at (905) 856-6100 for orders and inquiries."
|
|
buttons={[
|
|
{ text: "View Catering Details", href: "/services" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{ title: "Bakery", items: [{ label: "Menu", href: "/menu" }, { label: "Services", href: "/services" }] },
|
|
{ title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Events", href: "/" }] },
|
|
{ title: "Visit", items: [{ label: "Directions", href: "/" }, { label: "Contact", href: "/contact" }] },
|
|
]}
|
|
bottomLeftText="© 2024 Molisana Bakery. All rights reserved."
|
|
bottomRightText="Authentic Italian Daily Rituals"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
)}
|
|
</ThemeProvider>
|
|
);
|
|
} |