Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 8e6145e6a6 | |||
| bb5446e307 | |||
| 6070f9ef82 |
135
src/app/page.tsx
135
src/app/page.tsx
@@ -1,117 +1,94 @@
|
||||
"use client";
|
||||
'use client';
|
||||
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||||
import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
|
||||
import TextAbout from "@/components/sections/about/TextAbout";
|
||||
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
||||
import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
|
||||
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
export default function Page() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
];
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Reservation", id: "reservation" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
/>
|
||||
<NavbarStyleFullscreen navItems={navItems} />
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
title="Authentic Italian Elegance, Timeless Flavors"
|
||||
description="Experience genuine Italian hospitality in our intimate dining space. Savor handcrafted dishes inspired by regional traditions."
|
||||
background={{ variant: "radial-gradient" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-glasses-champagne-sparkling-wine-standing-table_7502-10070.jpg"
|
||||
imageAlt="Luxurious dining atmosphere at L'Elegante"
|
||||
buttons={[{ text: "Reserve Your Table", href: "#reservation" }]}
|
||||
<HeroBillboardScroll
|
||||
title="The Best Culinary Experience"
|
||||
description="Indulge in a curated selection of fine dining experiences designed for every palate."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
title="Our Story"
|
||||
<TextAbout
|
||||
title="Our Philosophy"
|
||||
tag="Authentic Taste"
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "Learn More", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
<ProductCardOne
|
||||
title="Our Menu"
|
||||
description="Curated selection of our signature dishes."
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
description="Discover our signature dishes."
|
||||
gridVariant="bento-grid"
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Classic Burrata", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/gourmet-seafood-dish-with-white-wine_84443-82012.jpg" },
|
||||
{ id: "2", name: "Osso Buco", price: "$38", imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-salmon-fish-brown-wooden-cutting-board-with-green-pepper-fir-branches-cutlery-set-fallen-oil-bottle-tomato-salt-pepper-dark-table_140725-143816.jpg" },
|
||||
{ id: "3", name: "Tiramisu Tradizionale", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/classic-italian-dessert-tiramisu-decorated-with-strawberries-cherries-mint-white-background_127032-3068.jpg" }
|
||||
{ id: "1", name: "Signature Dish", price: "$25", imageSrc: "https://images.unsplash.com/photo-1546069901-ba9599a7e63c" },
|
||||
{ id: "2", name: "Fresh Salad", price: "$15", imageSrc: "https://images.unsplash.com/photo-1512621776951-a57141f2eefd" },
|
||||
{ id: "3", name: "Gourmet Burger", price: "$18", imageSrc: "https://images.unsplash.com/photo-1568901346375-23c9450c58cd" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<FeatureCardSeven
|
||||
title="Atmosphere"
|
||||
description="A glimpse into our world."
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="inline-image"
|
||||
<FeatureCardSeven
|
||||
title="Gallery"
|
||||
description="A glimpse into our kitchen and dining space."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: 1, title: "Intimate Dining", description: "Soft lighting and warm, velvet decor create the perfect environment.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-tasting-wine_23-2149428830.jpg" },
|
||||
{ id: 2, title: "Exquisite Bar", description: "Enjoy a curated selection of fine wines.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157776.jpg" },
|
||||
{ id: 3, title: "Traditional Charm", description: "Every detail reflects the rich heritage of Italy.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-tasting-wine_23-2149428830.jpg" }
|
||||
{ id: 1, title: "Fresh Ingredients", description: "Sourced locally daily.", imageSrc: "https://images.unsplash.com/photo-1542838132-92c53300491e" },
|
||||
{ id: 2, title: "Cozy Atmosphere", description: "Perfect for any occasion.", imageSrc: "https://images.unsplash.com/photo-1517248135467-4c7edcad34c4" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reservation" data-section="reservation">
|
||||
<ContactSplitForm
|
||||
<ContactSplitForm
|
||||
title="Book a Table"
|
||||
description="Secure your spot for an unforgettable evening."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Name", required: true },
|
||||
{ name: "date", type: "date", placeholder: "Date", required: true },
|
||||
{ name: "time", type: "time", placeholder: "Time", required: true },
|
||||
{ name: "guests", type: "number", placeholder: "Number of Guests", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true }
|
||||
]}
|
||||
description="We look forward to hosting you."
|
||||
inputs={[{ name: "name", type: "text", placeholder: "Your Name", required: true }, { name: "email", type: "email", placeholder: "Email Address", required: true }]}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-black-rough-concrete-wall_181624-15392.jpg"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Location", items: [{ label: "123 Via Roma, Florence", href: "#" }] },
|
||||
{ title: "Hours", items: [{ label: "Tue-Sun: 5PM - 11PM", href: "#" }] },
|
||||
{ title: "Contact", items: [{ label: "+39 055 123 4567", href: "tel:+390551234567" }, { label: "info@lelegante.it", href: "mailto:info@lelegante.it" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 L'Elegante Ristorante"
|
||||
bottomRightText="Crafted with Tradition"
|
||||
<FooterSimple
|
||||
columns={[{ title: "Company", items: [{ label: "About" }, { label: "Contact" }] }]}
|
||||
bottomLeftText="© 2024 Culinary Co."
|
||||
bottomRightText="All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
Reference in New Issue
Block a user