|
|
|
|
@@ -14,29 +14,26 @@ import TextAbout from '@/components/sections/about/TextAbout';
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
|
return (
|
|
|
|
|
<ThemeProvider
|
|
|
|
|
defaultButtonVariant="text-shift"
|
|
|
|
|
defaultButtonVariant="hover-magnetic"
|
|
|
|
|
defaultTextAnimation="reveal-blur"
|
|
|
|
|
borderRadius="soft"
|
|
|
|
|
borderRadius="pill"
|
|
|
|
|
contentWidth="medium"
|
|
|
|
|
sizing="mediumLarge"
|
|
|
|
|
background="grid"
|
|
|
|
|
cardStyle="solid"
|
|
|
|
|
primaryButtonStyle="gradient"
|
|
|
|
|
secondaryButtonStyle="layered"
|
|
|
|
|
headingFontWeight="extrabold"
|
|
|
|
|
sizing="large"
|
|
|
|
|
background="noise"
|
|
|
|
|
cardStyle="glass-depth"
|
|
|
|
|
primaryButtonStyle="primary-glow"
|
|
|
|
|
secondaryButtonStyle="glass"
|
|
|
|
|
headingFontWeight="semibold"
|
|
|
|
|
>
|
|
|
|
|
<ReactLenis root>
|
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
|
<NavbarStyleApple
|
|
|
|
|
navItems={[
|
|
|
|
|
{
|
|
|
|
|
name: "Home", id: "hero"},
|
|
|
|
|
{
|
|
|
|
|
name: "About", id: "about"},
|
|
|
|
|
{
|
|
|
|
|
name: "Menu", id: "menu"},
|
|
|
|
|
{
|
|
|
|
|
name: "Contact", id: "contact"},
|
|
|
|
|
{ name: "Home", id: "hero" },
|
|
|
|
|
{ name: "About", id: "about" },
|
|
|
|
|
{ name: "Menu", id: "menu" },
|
|
|
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
|
|
|
{ name: "Contact", id: "contact" },
|
|
|
|
|
]}
|
|
|
|
|
brandName="Artisan Caffè"
|
|
|
|
|
/>
|
|
|
|
|
@@ -47,24 +44,13 @@ export default function LandingPage() {
|
|
|
|
|
logoText="Artisan Caffè"
|
|
|
|
|
description="Authentic Italian flavors crafted with passion and served in the heart of the city."
|
|
|
|
|
buttons={[
|
|
|
|
|
{
|
|
|
|
|
text: "View Menu", href: "#menu"},
|
|
|
|
|
{
|
|
|
|
|
text: "Visit Us", href: "#contact"},
|
|
|
|
|
{ text: "View Menu", href: "#menu" },
|
|
|
|
|
{ text: "Visit Us", href: "#contact" },
|
|
|
|
|
]}
|
|
|
|
|
slides={[
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/painting-inspiration-supplies-placed-ready-be-painted-canvas_482257-127568.jpg", imageAlt: "Italian cafe espresso"},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-with-red-apron-pasta-machine_23-2148296894.jpg", imageAlt: "Fresh pasta dish"},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/traditional-greek-street-cafe-with-flowers_661209-441.jpg", imageAlt: "Cafe ambience"},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-couple-speaking-smiling-resting-cafe_176420-2280.jpg", imageAlt: "Coffee art"},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/macaroons-plastic-box_23-2147787082.jpg", imageAlt: "Artisanal bread"},
|
|
|
|
|
{
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-arranging-her-cake-shop_23-2149210437.jpg", imageAlt: "Elegant cafe interior"},
|
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/painting-inspiration-supplies-placed-ready-be-painted-canvas_482257-127568.jpg", imageAlt: "Italian cafe espresso" },
|
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-with-red-apron-pasta-machine_23-2148296894.jpg", imageAlt: "Fresh pasta dish" },
|
|
|
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/traditional-greek-street-cafe-with-flowers_661209-441.jpg", imageAlt: "Cafe ambience" },
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
@@ -84,18 +70,10 @@ export default function LandingPage() {
|
|
|
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
products={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", name: "Espresso Italiano", price: "$3.50", variant: "Coffee", imageSrc: "http://img.b2bpic.net/free-photo/2-latte-wooden-table_501050-1095.jpg"},
|
|
|
|
|
{
|
|
|
|
|
id: "2", name: "Classic Croissant", price: "$4.00", variant: "Pastry", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pastry-black-board-with-cloth_114579-83383.jpg"},
|
|
|
|
|
{
|
|
|
|
|
id: "3", name: "Margherita Pizza", price: "$12.00", variant: "Main", imageSrc: "http://img.b2bpic.net/free-photo/top-view-margherita-pizza-topped-with-rocket_141793-2150.jpg"},
|
|
|
|
|
{
|
|
|
|
|
id: "4", name: "Pistachio Gelato", price: "$5.50", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/tasty-appetizing-pure-vanilla-creamy-ice-cream-with-ice-cream-spoon-closeup_1220-1392.jpg"},
|
|
|
|
|
{
|
|
|
|
|
id: "5", name: "Tagliatelle al Ragù", price: "$16.00", variant: "Main", imageSrc: "http://img.b2bpic.net/free-photo/front-view-raw-pasta-dark-surface-dough-color-pasta_140725-81963.jpg"},
|
|
|
|
|
{
|
|
|
|
|
id: "6", name: "Tiramisù", price: "$7.00", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/muffins-with-raspberries-top_114579-17032.jpg"},
|
|
|
|
|
{ id: "1", name: "Espresso Italiano", price: "$3.50", variant: "Coffee", imageSrc: "http://img.b2bpic.net/free-photo/2-latte-wooden-table_501050-1095.jpg" },
|
|
|
|
|
{ id: "2", name: "Classic Croissant", price: "$4.00", variant: "Pastry", imageSrc: "http://img.b2bpic.net/free-photo/delicious-pastry-black-board-with-cloth_114579-83383.jpg" },
|
|
|
|
|
{ id: "3", name: "Margherita Pizza", price: "$12.00", variant: "Main", imageSrc: "http://img.b2bpic.net/free-photo/top-view-margherita-pizza-topped-with-rocket_141793-2150.jpg" },
|
|
|
|
|
{ id: "4", name: "Pistachio Gelato", price: "$5.50", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/tasty-appetizing-pure-vanilla-creamy-ice-cream-with-ice-cream-spoon-closeup_1220-1392.jpg" },
|
|
|
|
|
]}
|
|
|
|
|
title="Our Signature Menu"
|
|
|
|
|
description="Indulge in our carefully curated selection of Italian classics."
|
|
|
|
|
@@ -108,29 +86,13 @@ export default function LandingPage() {
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
testimonials={[
|
|
|
|
|
{
|
|
|
|
|
id: "1", name: "Giulia Rossi", role: "Food Blogger", company: "EatItaly", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cafe-staff_1098-15450.jpg"},
|
|
|
|
|
{
|
|
|
|
|
id: "2", name: "Marco Valli", role: "Local Resident", company: "Community", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285289.jpg"},
|
|
|
|
|
{
|
|
|
|
|
id: "3", name: "Elena Bianchi", role: "Coffee Enthusiast", company: "DailyGrind", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/sincere-laugh-showing-picture-smartphone-casual-meeting-with-best-friends-restaurant-terrace_8353-10272.jpg"},
|
|
|
|
|
{
|
|
|
|
|
id: "4", name: "Luca Moretti", role: "Architect", company: "DesignCo", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-male-cook-holding-apple-pizza-white_114579-89101.jpg"},
|
|
|
|
|
{
|
|
|
|
|
id: "5", name: "Sofia Conti", role: "Chef", company: "ContiKitchen", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269175.jpg"},
|
|
|
|
|
{ id: "1", name: "Giulia Rossi", role: "Food Blogger", company: "EatItaly", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cafe-staff_1098-15450.jpg" },
|
|
|
|
|
{ id: "2", name: "Marco Valli", role: "Local Resident", company: "Community", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285289.jpg" },
|
|
|
|
|
]}
|
|
|
|
|
kpiItems={[
|
|
|
|
|
{
|
|
|
|
|
value: "15+", label: "Years Experience"},
|
|
|
|
|
{
|
|
|
|
|
value: "5k+", label: "Happy Guests"},
|
|
|
|
|
{
|
|
|
|
|
value: "4.9", label: "Average Rating"},
|
|
|
|
|
{ value: "15+", label: "Years Experience" },
|
|
|
|
|
{ value: "5k+", label: "Happy Guests" },
|
|
|
|
|
{ value: "4.9", label: "Average Rating" },
|
|
|
|
|
]}
|
|
|
|
|
title="Voices of Our Guests"
|
|
|
|
|
description="Discover why our guests keep coming back for more."
|
|
|
|
|
@@ -141,12 +103,8 @@ export default function LandingPage() {
|
|
|
|
|
<FaqSplitText
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
faqs={[
|
|
|
|
|
{
|
|
|
|
|
id: "q1", title: "Do you offer vegan options?", content: "Yes, we have a variety of plant-based pastries and coffee alternatives available daily."},
|
|
|
|
|
{
|
|
|
|
|
id: "q2", title: "Is seating available outside?", content: "We have a charming terrace where you can enjoy your coffee under the morning sun."},
|
|
|
|
|
{
|
|
|
|
|
id: "q3", title: "Do you take reservations?", content: "For groups of 6 or more, we recommend booking in advance via our contact page."},
|
|
|
|
|
{ id: "q1", title: "Do you offer vegan options?", content: "Yes, we have a variety of plant-based pastries and coffee alternatives available daily." },
|
|
|
|
|
{ id: "q2", title: "Is seating available outside?", content: "We have a charming terrace where you can enjoy your coffee under the morning sun." },
|
|
|
|
|
]}
|
|
|
|
|
sideTitle="Frequently Asked Questions"
|
|
|
|
|
faqsAnimation="slide-up"
|
|
|
|
|
@@ -156,8 +114,7 @@ export default function LandingPage() {
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
|
<ContactCenter
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
background={{
|
|
|
|
|
variant: "plain"}}
|
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
|
tag="Visit Us"
|
|
|
|
|
title="Start Your Culinary Journey"
|
|
|
|
|
description="Sign up for our newsletter for seasonal menu updates and special event invites."
|
|
|
|
|
@@ -167,22 +124,8 @@ export default function LandingPage() {
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
|
<FooterSimple
|
|
|
|
|
columns={[
|
|
|
|
|
{
|
|
|
|
|
title: "Location", items: [
|
|
|
|
|
{
|
|
|
|
|
label: "123 Via Roma, City", href: "#"},
|
|
|
|
|
{
|
|
|
|
|
label: "Open daily: 8am - 8pm", href: "#"},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Socials", items: [
|
|
|
|
|
{
|
|
|
|
|
label: "Instagram", href: "#"},
|
|
|
|
|
{
|
|
|
|
|
label: "Facebook", href: "#"},
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
{ title: "Location", items: [{ label: "123 Via Roma, City", href: "#" }, { label: "Open daily: 8am - 8pm", href: "#" }] },
|
|
|
|
|
{ title: "Socials", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] },
|
|
|
|
|
]}
|
|
|
|
|
bottomLeftText="© 2024 Artisan Caffè. All rights reserved."
|
|
|
|
|
bottomRightText="Privacy Policy"
|
|
|
|
|
@@ -191,4 +134,4 @@ export default function LandingPage() {
|
|
|
|
|
</ReactLenis>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|