251 lines
12 KiB
TypeScript
251 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmall"
|
|
background="aurora"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Menu", id: "#menu"},
|
|
{
|
|
name: "Gallery", id: "#gallery"},
|
|
{
|
|
name: "Location", id: "#location"},
|
|
]}
|
|
brandName="Gelateca"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlayTestimonial
|
|
title="A Taste of Italy in the Heart of Baku"
|
|
description="Experience authentic Italian gelato and cuisine crafted with passion. Loved by locals, perfect for every moment."
|
|
testimonials={[
|
|
{
|
|
name: "Elvin M.", handle: "@elvin_baku", testimonial: "Italian feel. Love it. Service was excellent.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/stylish-tattoed-attractive-man-dressed-jeans-t-shirt-leans-against-brick-wall-holding-cup-coffee-smiling-looking-away_613910-1211.jpg"},
|
|
{
|
|
name: "Leyla H.", handle: "@leyla_foodie", testimonial: "Лучшее мороженое в Баку. Очень уютно.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/positive-girl-licking-ice-cream_1187-5319.jpg"},
|
|
{
|
|
name: "Marco Rossi", handle: "@marco_travels", testimonial: "A cozy little piece of Italy in Baku.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-front-monument_23-2147615343.jpg"},
|
|
{
|
|
name: "Sara A.", handle: "@sara_coffee", testimonial: "Perfect atmosphere to work and eat.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-holding-laptop_23-2149099026.jpg"},
|
|
{
|
|
name: "David K.", handle: "@david_gourmet", testimonial: "Simply the best gelato I've had in a long time.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/adorable-girl-with-long-hair-eating-vegetables-laughing-refined-lady-enjoying-favorite-salad_197531-17192.jpg"},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "View Menu", href: "#menu"},
|
|
{
|
|
text: "Visit Us", href: "#location"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/beautiful-thanksgiving-meal-concept_23-2148629587.jpg"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-fashionable-boy-drinking-within-frame_23-2148184625.jpg", alt: "Portrait of fashionable boy drinking"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/front-view-young-male-white-t-shirt-drinking-coffee-pink-background_140725-26978.jpg", alt: "Young male drinking coffee"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/indian-male-model-feeling-energized-after-drinking-cup-coffee_482257-122432.jpg", alt: "Indian male model drinking coffee"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/bearded-portrait-young-guy-with-blue-tshirt_176420-27942.jpg", alt: "Bearded portrait of a young guy"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/handsome-smiling-stylish-hipster-man-walking-city-street-with-leather-talking-phone-business-trip-bag-wearing-sweatshot-sunglasses-urban-style-trend-sunny-day-traveling_285396-4658.jpg", alt: "Stylish hipster man walking in city"},
|
|
]}
|
|
avatarText="Join 500+ happy guests"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"TripAdvisor", "Baku Foodies", "Local Favorites", "Travel Blog", "Cuisine Guide"]}
|
|
title="500+ Happy Guests Served"
|
|
description="Join our community of Italian food lovers in the heart of the city."
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
useInvertedBackground={true}
|
|
title="Our Story: Bringing Italy Home"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1", brand: "Gelato", name: "Pistachio Delight", price: "5 AZN", rating: 5,
|
|
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/piece-chocolate-cake-with-strawberry-ice-cream_1122-1124.jpg"},
|
|
{
|
|
id: "p2", brand: "Gelato", name: "Dark Chocolate", price: "5 AZN", rating: 5,
|
|
reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/close-up-fruit-tart-plate_23-2148519066.jpg"},
|
|
{
|
|
id: "p3", brand: "Pasta", name: "Pesto Penne", price: "12 AZN", rating: 4,
|
|
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/spaghetti-with-shrimp-grated-parmesan_140725-9727.jpg"},
|
|
{
|
|
id: "p4", brand: "Pasta", name: "Classic Marinara", price: "10 AZN", rating: 4,
|
|
reviewCount: "32", imageSrc: "http://img.b2bpic.net/free-photo/pasta-with-sauce-bolognese-served-plate-dark-background_1220-7073.jpg"},
|
|
{
|
|
id: "p5", brand: "Coffee", name: "Cappuccino", price: "4 AZN", rating: 5,
|
|
reviewCount: "156", imageSrc: "http://img.b2bpic.net/free-photo/barista-is-preparing-coffee-with-milk_140725-8113.jpg"},
|
|
{
|
|
id: "p6", brand: "Coffee", name: "Espresso", price: "3 AZN", rating: 5,
|
|
reviewCount: "78", imageSrc: "http://img.b2bpic.net/free-photo/still-life-glass-cups_23-2149646426.jpg"},
|
|
]}
|
|
title="Signature Flavors"
|
|
description="Handcrafted daily with love and traditional techniques."
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyOne
|
|
useInvertedBackground={true}
|
|
title="Why Gelateca?"
|
|
description="More than just a café — an authentic experience."
|
|
accordionItems={[
|
|
{
|
|
id: "f1", title: "Authentic Recipes", content: "Generations of tradition served in every dish."},
|
|
{
|
|
id: "f2", title: "Handmade Daily", content: "We craft our gelato using fresh local ingredients."},
|
|
{
|
|
id: "f3", title: "Work Friendly", content: "Cozy corners with outlets for your laptop."},
|
|
{
|
|
id: "f4", title: "Premium Coffee", content: "Roasted beans and expertly brewed drinks."},
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/tasty-colorful-fresh-italian-food-concept-with-various-pasta-spaghetti-cheese-mozzarella-fresh-basil-tomatoes-olive-oil-spices-cooking-concept-place-text_1220-1156.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<TeamCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
members={[
|
|
{
|
|
id: "m1", name: "The Perfect Corner", role: "Cozy Vibes", imageSrc: "http://img.b2bpic.net/free-photo/hanging-glass-lamp-light-vintage_1203-5789.jpg"},
|
|
{
|
|
id: "m2", name: "Crafting Magic", role: "Gelato Art", imageSrc: "http://img.b2bpic.net/free-photo/midsection-view-woman-s-hand-tearing-paper-glass-container_23-2147845540.jpg"},
|
|
{
|
|
id: "m3", name: "Fresh Ingredients", role: "Quality Control", imageSrc: "http://img.b2bpic.net/free-photo/top-view-food-frame-with-copy-space_23-2148584851.jpg"},
|
|
{
|
|
id: "m4", name: "Evening Calm", role: "Dining Experience", imageSrc: "http://img.b2bpic.net/free-photo/wonderful-wedding-table-amazing-restaurant_8353-9875.jpg"},
|
|
{
|
|
id: "m5", name: "Team Spirit", role: "Warm Service", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-smiling-asian-girl-barista-wearing-uniform-making-coffee-standing-near-counter-with_1258-199271.jpg"},
|
|
{
|
|
id: "m6", name: "Morning Coffee", role: "Start Fresh", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-by-window_53876-65125.jpg"},
|
|
]}
|
|
title="Our Atmosphere"
|
|
description="Capturing the emotions of Italy right here in Baku."
|
|
/>
|
|
</div>
|
|
|
|
<div id="location" data-section="location">
|
|
<FaqDouble
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "q1", title: "Address", content: "Baku, near Dede Gorgud Park."},
|
|
{
|
|
id: "q2", title: "Hours", content: "Daily: 10:00 - 22:00."},
|
|
{
|
|
id: "q3", title: "Parking", content: "Street parking available nearby."},
|
|
]}
|
|
title="Visit Us"
|
|
description="Near Dede Gorgud Park & Zoo"
|
|
faqsAnimation="slide-up"
|
|
textboxLayout="split"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "gradient-bars"}}
|
|
tag="Let's Connect"
|
|
title="Taste Italy Today"
|
|
description="Ready to visit us? Get directions and updates on our flavors."
|
|
imageSrc="http://img.b2bpic.net/free-photo/woman-blue-hat-sits-windowsill-cafe_8353-194.jpg"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "About Us", items: [
|
|
{
|
|
label: "Our History", href: "#"},
|
|
{
|
|
label: "Careers", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Menu", items: [
|
|
{
|
|
label: "Gelato", href: "#menu"},
|
|
{
|
|
label: "Pasta", href: "#menu"},
|
|
],
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{
|
|
label: "Location", href: "#location"},
|
|
{
|
|
label: "Support", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2024 Gelateca"
|
|
bottomRightText="All Rights Reserved"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|