250 lines
8.2 KiB
TypeScript
250 lines
8.2 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSizeMediumTitles"
|
|
background="grid"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "hero",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "about",
|
|
},
|
|
{
|
|
name: "Menu",
|
|
id: "products",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="Pizzas Y Pastas Asencio's"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
background={{
|
|
variant: "gradient-bars",
|
|
}}
|
|
title="Pizzas Y Pastas Asencio's"
|
|
description="Authentic flavors, crafted with passion. Experience the true taste of Italy in every bite."
|
|
buttons={[
|
|
{
|
|
text: "View Menu",
|
|
href: "#products",
|
|
},
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pasta-with-chicken-tomatoes-greens-grated-cheese-served-with-juice_140725-7992.jpg?_wi=1",
|
|
imageAlt: "Artisanal Pizza",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pasta-with-chicken-tomatoes-greens-grated-cheese-served-with-juice_140725-7992.jpg?_wi=2",
|
|
imageAlt: "Handmade Pasta",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pasta-with-chicken-tomatoes-greens-grated-cheese-served-with-juice_140725-7992.jpg?_wi=3",
|
|
imageAlt: "Kitchen Fresh",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pasta-with-chicken-tomatoes-greens-grated-cheese-served-with-juice_140725-7992.jpg?_wi=4",
|
|
imageAlt: "Italian Heritage",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pasta-with-chicken-tomatoes-greens-grated-cheese-served-with-juice_140725-7992.jpg?_wi=5",
|
|
imageAlt: "Family Recipes",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
useInvertedBackground={true}
|
|
title="Our Passion for Taste"
|
|
description="At Pizzas Y Pastas Asencio's, we believe in the art of traditional cooking. Using only the finest ingredients, we bring authentic Italian recipes to your table."
|
|
imageSrc="http://img.b2bpic.net/free-photo/pepper-seeds-wooden-spoon_1150-24387.jpg"
|
|
imageAlt="Fresh ingredients for our handmade pasta and pizza"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "1",
|
|
name: "Margherita",
|
|
price: "$12.00",
|
|
variant: "Pizza",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pizza-dough-with-pepperoni-mushroom-cheese-top-cheese-sprinkles-olive-corn-tomato_141793-1943.jpg?_wi=1",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Fettuccine",
|
|
price: "$14.00",
|
|
variant: "Pasta",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pizza-dough-with-pepperoni-mushroom-cheese-top-cheese-sprinkles-olive-corn-tomato_141793-1943.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Pepperoni",
|
|
price: "$13.50",
|
|
variant: "Pizza",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pizza-dough-with-pepperoni-mushroom-cheese-top-cheese-sprinkles-olive-corn-tomato_141793-1943.jpg?_wi=3",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Spaghetti",
|
|
price: "$14.50",
|
|
variant: "Pasta",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pizza-dough-with-pepperoni-mushroom-cheese-top-cheese-sprinkles-olive-corn-tomato_141793-1943.jpg?_wi=4",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Garlic Bread",
|
|
price: "$6.00",
|
|
variant: "Starter",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pizza-dough-with-pepperoni-mushroom-cheese-top-cheese-sprinkles-olive-corn-tomato_141793-1943.jpg?_wi=5",
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "Veggie Delight",
|
|
price: "$13.00",
|
|
variant: "Pizza",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pizza-dough-with-pepperoni-mushroom-cheese-top-cheese-sprinkles-olive-corn-tomato_141793-1943.jpg?_wi=6",
|
|
},
|
|
]}
|
|
title="Our Menu"
|
|
description="Explore our delicious selection of freshly made pizzas and pasta dishes."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
useInvertedBackground={true}
|
|
testimonial="The best pizza in town! Everything is fresh and delicious, just like being in Italy."
|
|
rating={5}
|
|
author="Maria G."
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006709.jpg",
|
|
alt: "Maria G.",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/outdoor-shot-delighted-happy-dark-skinned-young-female-wears-red-blouse-listens-audio-song-headphones_273609-3479.jpg",
|
|
alt: "David S.",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/group-friends-dining-out_23-2149187167.jpg",
|
|
alt: "Elena R.",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/adorable-young-female-with-dark-long-hair-dressed-striped-t-shirt-coffee-shop-drinks-fresh-juice-espresso_273609-2787.jpg",
|
|
alt: "Mark T.",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006709.jpg",
|
|
alt: "Sarah L.",
|
|
},
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Visit Us"
|
|
description="Join us today for a wonderful dining experience at our warm, authentic trattoria."
|
|
inputs={[
|
|
{
|
|
name: "name",
|
|
type: "text",
|
|
placeholder: "Full Name",
|
|
required: true,
|
|
},
|
|
{
|
|
name: "email",
|
|
type: "email",
|
|
placeholder: "Email Address",
|
|
required: true,
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/milk-bottle-food-bag-arrangement_23-2148773371.jpg"
|
|
imageAlt="Our welcoming Italian trattoria facade"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoText="Pizzas Y Pastas Asencio's"
|
|
columns={[
|
|
{
|
|
title: "Contact",
|
|
items: [
|
|
{
|
|
label: "Location",
|
|
href: "#contact",
|
|
},
|
|
{
|
|
label: "Call Us",
|
|
href: "tel:5550123",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Menu",
|
|
items: [
|
|
{
|
|
label: "Full Menu",
|
|
href: "#products",
|
|
},
|
|
{
|
|
label: "Our Story",
|
|
href: "#about",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 Pizzas Y Pastas Asencio's. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|