212 lines
9.2 KiB
TypeScript
212 lines
9.2 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import { Award, Clock, Flame, Leaf, MapPin } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="noise"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#hero"},
|
|
{
|
|
name: "Menu", id: "#products"},
|
|
{
|
|
name: "About", id: "#about"},
|
|
{
|
|
name: "Reviews", id: "#testimonials"},
|
|
]}
|
|
brandName="Porkito"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplit
|
|
background={{
|
|
variant: "sparkles-gradient"}}
|
|
title="Authentic Greek Street Food in Tirana"
|
|
description="Përjeto shijen legjendare të Souvlakit dhe Gyrosit të vërtetë Grek, të përgatitur të freskët me dashuri. Na vizito në Rruga Don Bosko."
|
|
buttons={[
|
|
{
|
|
text: "View Menu", href: "#products"},
|
|
{
|
|
text: "Order Now", href: "tel:+355696767500"},
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BzUD5g0ISqK9rZvyFw8LJ8Zul9/uploaded-1775494216471-d00x6w1b.avif"
|
|
imageAlt="Fresh Greek pita and gyro"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/man-preparing-propose-his-lover_23-2148060327.jpg", alt: "Customer 1"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/brazilian-family-enjoying-meal-together_23-2151156204.jpg", alt: "Customer 2"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-sitting-cafe_273609-5132.jpg", alt: "Customer 3"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-food_23-2148899055.jpg", alt: "Customer 4"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/woman-eating-restaurant_23-2148006700.jpg", alt: "Customer 5"},
|
|
]}
|
|
avatarText="Loved by 500+ happy foodies"
|
|
marqueeItems={[
|
|
{
|
|
type: "text-icon", text: "Authentic Flavors", icon: Flame,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Fresh Daily", icon: Leaf,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Greek Tradition", icon: MapPin,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Open Late", icon: Clock,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Quality Ingredients", icon: Award,
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
title="I përgatitur me dashuri, i shërbyer i freskët."
|
|
description="At Porkito, we bring the heart of Greece to the streets of Tirana. From our signature Mayo-topped tables to the authentic Greek beats playing in the background, we offer more than just a meal—we offer an experience."
|
|
bulletPoints={[
|
|
{
|
|
title: "Receta tradicionale", description: "Metoda autentike greke të përgatitjes."},
|
|
{
|
|
title: "Perberes te fresket", description: "Mishra dhe perime cilësore çdo ditë."},
|
|
{
|
|
title: "Atmosferë e gjallë.", description: "Shijo atmosferën."},
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BzUD5g0ISqK9rZvyFw8LJ8Zul9/uploaded-1775494409208-za2q1lrg.avif"
|
|
imageAlt="Our fresh ingredients"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "1", name: "Pita gjiro pule. ", price: "330LEK", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BzUD5g0ISqK9rZvyFw8LJ8Zul9/uploaded-1775494500390-tue3vowt.avif"},
|
|
{
|
|
id: "2", name: "Pita gjiro gici.", price: "340LEK", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BzUD5g0ISqK9rZvyFw8LJ8Zul9/uploaded-1775494573880-s592bnza.avif"},
|
|
{
|
|
id: "3", name: "Pita arabe pule ", price: "450 LEK", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BzUD5g0ISqK9rZvyFw8LJ8Zul9/uploaded-1775494632160-a83ylxky.avif"},
|
|
{
|
|
id: "4", name: "Pita shish pule.", price: "340 LEK", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BzUD5g0ISqK9rZvyFw8LJ8Zul9/uploaded-1775494714509-cyqkymxh.avif"},
|
|
{
|
|
id: "5", name: "Pita llukaniko gici", price: "750 LEK", imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-leg-topped-with-sauce-served-with-lettuce-rocket-salad-grilled-pita-tomato_141793-2234.jpg"},
|
|
{
|
|
id: "6", name: "Greek Dessert", price: "250 LEK", imageSrc: "http://img.b2bpic.net/free-photo/portioned-russian-napoleon-cake-plate_140725-7048.jpg"},
|
|
]}
|
|
title="Menu"
|
|
description="Pitat, gyros dhe snack-et autentike rrugore më të mira në qytet."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Albix 90", role: "Local Guide", company: "Reviewer", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-preparing-propose-his-lover_23-2148060327.jpg"},
|
|
{
|
|
id: "2", name: "Dominique Wagner", role: "Foodie", company: "Reviewer", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/brazilian-family-enjoying-meal-together_23-2151156204.jpg"},
|
|
{
|
|
id: "3", name: "Julia Repchenko", role: "Regular", company: "Reviewer", rating: 4,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-sitting-cafe_273609-5132.jpg"},
|
|
{
|
|
id: "4", name: "Local Patron", role: "Visitor", company: "Reviewer", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-food_23-2148899055.jpg"},
|
|
{
|
|
id: "5", name: "Late Night Snacker", role: "Frequent", company: "Reviewer", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-restaurant_23-2148006700.jpg"},
|
|
]}
|
|
title="What Our Customers Say"
|
|
description="Join our community of happy food lovers in Tirana."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "sparkles-gradient"}}
|
|
tag="Vizitoni Porkito"
|
|
title="Gati për një shije autentike?"
|
|
description="Jemi hapur deri në 2 të mëngjesit! Na vizitoni në Rrugën Don Bosko ose porosisni për 'takeout' dhe dërgesë."
|
|
buttons={[
|
|
{
|
|
text: "Na Telefononi", href: "tel:+355696767500"},
|
|
{
|
|
text: "Merrni Drejtimin", href: "#footer"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Porkito"
|
|
columns={[
|
|
{
|
|
title: "Menu", items: [
|
|
{
|
|
label: "Souvlaki", href: "#products"},
|
|
{
|
|
label: "Gyro", href: "#products"},
|
|
{
|
|
label: "Shtesa", href: "#products"},
|
|
],
|
|
},
|
|
{
|
|
title: "Kontakt", items: [
|
|
{
|
|
label: "Rruga Don Bosko, Tiranë", href: "#"},
|
|
{
|
|
label: "+355 69 676 7500", href: "tel:+355696767500"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2025 Porkito | Greek Street Pittaria"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |