Merge version_1 into main #2
336
src/app/page.tsx
336
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Accessibility, Heart, Coffee } from 'lucide-react';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -14,230 +15,135 @@ import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCar
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Reservations",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Bar Casale Litta"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Reservations", id: "contact" },
|
||||
]}
|
||||
brandName="Bar Casale Litta"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Your trusted bar in Casale Litta"
|
||||
description="Authentic Italian atmosphere meets modern comfort. Everyone welcome here—from first-time visitors to regulars. Cocktails, karaoke, and genuine hospitality every night."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-raw-meat-with-wineglass_23-2147840855.jpg?_wi=1",
|
||||
imageAlt: "Patrons enjoying drinks in a cozy italian bar atmosphere",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dried-fruits-plate-with-almond-raisins-walnut-served-with-liquor_140725-1527.jpg?_wi=1",
|
||||
imageAlt: "Warm rustic italian bar interior",
|
||||
},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dried-fruits-plate-with-almond-raisins-walnut-served-with-liquor_140725-1527.jpg?_wi=2",
|
||||
imageAlt: "Traditional bar decor in italy",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-raw-meat-with-wineglass_23-2147840855.jpg?_wi=2",
|
||||
imageAlt: "Authentic italian country bar crowd",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Your Table",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
title="Your trusted bar in Casale Litta"
|
||||
description="Authentic Italian atmosphere meets modern comfort. Everyone welcome here—from first-time visitors to regulars. Cocktails, karaoke, and genuine hospitality every night."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/assortment-raw-meat-with-wineglass_23-2147840855.jpg", imageAlt: "Patrons enjoying drinks in a cozy italian bar atmosphere" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dried-fruits-plate-with-almond-raisins-walnut-served-with-liquor_140725-1527.jpg", imageAlt: "Warm rustic italian bar interior" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dried-fruits-plate-with-almond-raisins-walnut-served-with-liquor_140725-1527.jpg", imageAlt: "Traditional bar decor in italy" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/assortment-raw-meat-with-wineglass_23-2147840855.jpg", imageAlt: "Authentic italian country bar crowd" },
|
||||
]}
|
||||
buttons={[{ text: "Reserve Your Table", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "A warm space for everyone",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/dried-fruits-plate-with-almond-raisins-walnut-served-with-liquor_140725-1527.jpg",
|
||||
alt: "Bar interior atmosphere",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "A warm space for everyone" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/dried-fruits-plate-with-almond-raisins-walnut-served-with-liquor_140725-1527.jpg", alt: "Bar interior atmosphere" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Wheelchair Accessible",
|
||||
description: "Full level access to all areas for everyone's convenience.",
|
||||
buttonIcon: "Accessibility",
|
||||
},
|
||||
{
|
||||
title: "LGBTQ+ Friendly",
|
||||
description: "A warm, judgment-free zone for all individuals.",
|
||||
buttonIcon: "Heart",
|
||||
},
|
||||
{
|
||||
title: "Genuine Hospitality",
|
||||
description: "Experience authentic local service and traditional care.",
|
||||
buttonIcon: "Coffee",
|
||||
},
|
||||
]}
|
||||
title="Inclusive & Accessible"
|
||||
description="We believe hospitality means freedom for all. Our bar is designed to be fully accessible and gender-diverse friendly."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Wheelchair Accessible", description: "Full level access to all areas for everyone's convenience.", buttonIcon: Accessibility },
|
||||
{ title: "LGBTQ+ Friendly", description: "A warm, judgment-free zone for all individuals.", buttonIcon: Heart },
|
||||
{ title: "Genuine Hospitality", description: "Experience authentic local service and traditional care.", buttonIcon: Coffee },
|
||||
]}
|
||||
title="Inclusive & Accessible"
|
||||
description="We believe hospitality means freedom for all. Our bar is designed to be fully accessible and gender-diverse friendly."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Giulia R.",
|
||||
role: "Regular",
|
||||
testimonial: "The best place to relax in Casale Litta. Always welcoming.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-african-american-woman-model-black-jacket-waist-bag-relaxing-cafe-free-time_627829-5344.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marco P.",
|
||||
role: "Local",
|
||||
testimonial: "Authentic atmosphere, great service, and truly inclusive.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-holding-cocktail_23-2150124803.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena V.",
|
||||
role: "Visitor",
|
||||
testimonial: "I felt right at home immediately. A unique gem.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-composition-with-books-table-closeup_169016-26089.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Luca S.",
|
||||
role: "Regular",
|
||||
testimonial: "Accessible, friendly, and honest hospitality. My go-to bar.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-drinking-craft-beer-outdoors_23-2148111302.jpg",
|
||||
},
|
||||
]}
|
||||
title="What our guests say"
|
||||
description="Authentic experiences from our local community."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Giulia R.", role: "Regular", testimonial: "The best place to relax in Casale Litta. Always welcoming.", imageSrc: "http://img.b2bpic.net/free-photo/charming-african-american-woman-model-black-jacket-waist-bag-relaxing-cafe-free-time_627829-5344.jpg" },
|
||||
{ id: "2", name: "Marco P.", role: "Local", testimonial: "Authentic atmosphere, great service, and truly inclusive.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-holding-cocktail_23-2150124803.jpg" },
|
||||
{ id: "3", name: "Elena V.", role: "Visitor", testimonial: "I felt right at home immediately. A unique gem.", imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-composition-with-books-table-closeup_169016-26089.jpg" },
|
||||
{ id: "4", name: "Luca S.", role: "Regular", testimonial: "Accessible, friendly, and honest hospitality. My go-to bar.", imageSrc: "http://img.b2bpic.net/free-photo/couple-drinking-craft-beer-outdoors_23-2148111302.jpg" },
|
||||
]}
|
||||
title="What our guests say"
|
||||
description="Authentic experiences from our local community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Are you wheelchair accessible?",
|
||||
content: "Yes, our bar is fully wheelchair accessible with flat entry and accessible facilities.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you take reservations?",
|
||||
content: "We recommend reservations to ensure a table. Use the contact form below!",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "What are your opening hours?",
|
||||
content: "We are open daily until 22:00. Seasonal variations may apply.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/group-friends-cheering-with-wine-glasses-restaurant_23-2150520079.jpg"
|
||||
mediaAnimation="opacity"
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about your visit."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "1", title: "Are you wheelchair accessible?", content: "Yes, our bar is fully wheelchair accessible with flat entry and accessible facilities." },
|
||||
{ id: "2", title: "Do you take reservations?", content: "We recommend reservations to ensure a table. Use the contact form below!" },
|
||||
{ id: "3", title: "What are your opening hours?", content: "We are open daily until 22:00. Seasonal variations may apply." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/group-friends-cheering-with-wine-glasses-restaurant_23-2150520079.jpg"
|
||||
mediaAnimation="opacity"
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about your visit."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Reserve Your Table"
|
||||
description="Get in touch to book your space at Casale Litta Bar. We look forward to welcoming you!"
|
||||
tag="Booking"
|
||||
inputPlaceholder="Enter your email address"
|
||||
buttonText="Request Reservation"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
title="Reserve Your Table"
|
||||
description="Get in touch to book your space at Casale Litta Bar. We look forward to welcoming you!"
|
||||
tag="Booking"
|
||||
inputPlaceholder="Enter your email address"
|
||||
buttonText="Request Reservation"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Bar Info",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Reservations",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Bar Casale Litta"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Bar Info", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Reservations", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Use", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Bar Casale Litta"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user