Update src/app/about/page.tsx
This commit is contained in:
@@ -1,13 +1,14 @@
|
||||
"use client";
|
||||
|
||||
import Link from "next/link";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import HeroLogo from "@/components/sections/hero/HeroLogo";
|
||||
import HeroSplit from "@/components/sections/hero/HeroSplit";
|
||||
import SplitAbout from "@/components/sections/about/SplitAbout";
|
||||
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
|
||||
import TeamCardTwo from "@/components/sections/team/TeamCardTwo";
|
||||
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||||
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
|
||||
import { Sparkles, Award, Users, Zap, Fish, Heart } from "lucide-react";
|
||||
import { Fish, Leaf, Award, Users, Heart, Zap } from "lucide-react";
|
||||
|
||||
export default function AboutPage() {
|
||||
const navItems = [
|
||||
@@ -58,71 +59,98 @@ export default function AboutPage() {
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<div id="nav" data-section="nav" className="mx-auto px-4 md:px-6">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="Watami Tirana"
|
||||
navItems={navItems}
|
||||
navItems={[
|
||||
{ name: "Shtëpia", id: "home" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Rreth Nesh", id: "about" },
|
||||
{ name: "Galeri", id: "gallery" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Rezervo Tavolë", href: "/contact"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero-about" data-section="hero-about">
|
||||
<HeroLogo
|
||||
logoText="Rreth Watami Tirana"
|
||||
description="Histori e pasionit për sushiin autentik dhe dedikimit në shërbimin premium në Tiranë"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ewzroy&_wi=2"
|
||||
imageAlt="Interiori i Watami Tirana"
|
||||
<div id="hero-about" data-section="hero-about" className="mx-auto px-4 md:px-6">
|
||||
<HeroSplit
|
||||
title="Historia e Watami Tirana"
|
||||
description="Një histori e pasionit për sushhin autentik japonez, peshkun e freskët dhe përgatitjen tradicionale në zemër të Tiranës"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
imagePosition="right"
|
||||
mediaAnimation="blur-reveal"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1gbcom&_wi=1"
|
||||
imageAlt="Interiori i restorantit Watami"
|
||||
buttons={[
|
||||
{
|
||||
text: "Njihuni më Mirë", href: "#"},
|
||||
{ text: "Rezervo Tavolë", href: "/contact" },
|
||||
{ text: "Shiko Galerën", href: "/gallery" },
|
||||
]}
|
||||
buttonAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-content" data-section="about-content">
|
||||
<div id="restaurant-story" data-section="restaurant-story" className="mx-auto px-4 md:px-6">
|
||||
<SplitAbout
|
||||
title="Hyrja në Botën e Watami"
|
||||
description="Watami Tirana lindi nga një ëndër e thjeshtë - të sjellë përvoja autentike të ngrënies japoneze në Tiranë, ku cilësia, freski dhe dedikimi janë në zemër të gjithçkaje që bëjmë."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ewzroy&_wi=3"
|
||||
imageAlt="Chef në Watami Tirana"
|
||||
title="Rreth Restorantit Watami"
|
||||
description="Watami Tirana u themelua me vizionin e sjellë përvojën më autentike të sushit në Tiranë. Ne besojmë se cilësia fillon me peshkun më të freskët dhe përgatitjen më të kujdesshme. Çdo pjatë përgatitet me pasion dhe dedikimin ndaj detajeve."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ewzroy&_wi=1"
|
||||
imageAlt="Shef i restorantit Watami"
|
||||
mediaAnimation="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
imagePosition="right"
|
||||
imagePosition="left"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Pjeska e Freskët", description: "Çdo ditë marrim peshkun më të freskët nga furnizuesit e besueshëm për të garantuar cilësinë më të lartë", icon: Fish,
|
||||
title: "Pasioni për Cilësinë", description: "Çdo pjatë përgatitet me kujdes të paktën dhe përkushtim ndaj përsosmërisë", icon: Heart,
|
||||
},
|
||||
{
|
||||
title: "Përgatitja Tradicionale", description: "Metodat e vërteta japoneze të përgatitjes së sushit nga shefi ynë me përvojë ndërkombëtare", icon: Heart,
|
||||
title: "Tradita Japoneze", description: "Ne nderojmë metodat tradicionale të përgatitjes së sushit japonez", icon: Fish,
|
||||
},
|
||||
{
|
||||
title: "Stafi Mirëpritës", description: "Ekipi ynë është i trajnuar për të ofruar shërbimin më të mirë dhe për të bërë çdo klient të ndihet i mirëpritur", icon: Heart,
|
||||
title: "Inovacion i Balancuar", description: "Ne kombinojmë tradita me inovacione të matura për përvojën më të mirë", icon: Zap,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature-about" data-section="feature-about">
|
||||
<div id="chef-background" data-section="chef-background" className="mx-auto px-4 md:px-6">
|
||||
<TeamCardTwo
|
||||
title="Meet Our Master Chef"
|
||||
description="Shefi ynë ka më shumë se 20 vjet përvojë në përgatitjen e sushit autentik, me trajnim në Tokio dhe ndërkombëtar"
|
||||
members={[
|
||||
{
|
||||
id: "chef-1", name: "Chef Hiroshi Tanaka", role: "Head Chef & Founder", description: "20+ vjet përvojë në përgatitjen e sushit autentik me trajnim në Tokio", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z3lz37", imageAlt: "Chef Hiroshi Tanaka", socialLinks: [
|
||||
{ icon: Heart, url: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
animationType="blur-reveal"
|
||||
gridVariant="one-large-right-three-stacked-left"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="premium-ingredients" data-section="premium-ingredients" className="mx-auto px-4 md:px-6">
|
||||
<FeatureBorderGlow
|
||||
title="Vlerat Tona Thelbësore"
|
||||
description="Këto parime udhëzojnë çdo vendim që marrim në Watami Tirana"
|
||||
title="Burimet Premium të Përbërësve"
|
||||
description="Ne furnizohemi vetëm nga furnizimet më të besueshëm në botë për të garantuar cilësinë më të lartë"
|
||||
features={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Cilësia Absolute", description: "Nuk e negociojmë kurrë në cilësi - vetëm peshku më i freskët dhe përbërësit premium"},
|
||||
icon: Fish,
|
||||
title: "Peshk i Freskët Premium", description: "Peshk i importuar çdo ditë nga furnizuesit më të besueshëm në Japoni dhe Skandinavi"},
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "Përbërës Organikë", description: "Kripë e nigerit autentike, gjethë nori premium, dhe përbërës të çeluar me përvojë"},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Autenticiteti", description: "Mbajtim i tradicioneve autentike japoneze në përgatitjen e çdo pjate"},
|
||||
title: "Cilësi e Sertifikuar", description: "Të gjithë furnizuesit janë sertifikuar ndërkombëtarisht për siguri dhe cilësi"},
|
||||
{
|
||||
icon: Users,
|
||||
title: "Dashuria për Klientët", description: "Çdo mysafir është i veçantë - ofrojmë shërbimin personal dhe vëmendje"},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Inovacioni", description: "Bashkojmë tradicionen me ide të reja për të krijuar përvojë të paharrueshme"},
|
||||
title: "Partnershipet e Besueshme", description: "Marrëdhënie afatgjata me furnizimet më të rëndësishëm në botë"},
|
||||
]}
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
@@ -130,7 +158,80 @@ export default function AboutPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer-about" data-section="footer-about">
|
||||
<div id="restaurant-values" data-section="restaurant-values" className="mx-auto px-4 md:px-6">
|
||||
<FeatureBorderGlow
|
||||
title="Vlerat e Restorantit Watami"
|
||||
description="Ne jemi të përkushtuar ndaj këtyre vlerave në çdo aspekt të biznesit tonë"
|
||||
features={[
|
||||
{
|
||||
icon: Heart,
|
||||
title: "Përvojë Klientit", description: "Çdo klient merret si familje. Përvojë e personalizuar dhe përjashtimore shërbim"},
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "Përgjegjësia Mjedisore", description: "Ne përdorim praktime të qëndrueshme dhe burime të rikuperueshme"},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Integritet & Transparenca", description: "Transparenca të plotë në burimin e përbërësve dhe përgatitjen e pjatave"},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Inovacion Kontinuë", description: "Ne vazhdimisht evoluojmë dhe përmirësojmë të ofruarit tonë"},
|
||||
]}
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery-preview" data-section="gallery-preview" className="mx-auto px-4 md:px-6">
|
||||
<SplitAbout
|
||||
title="Galeri Paraparje"
|
||||
description="Shikoni disa nga foto më të frutem të ushqimit tonë premium, të gatuar me kujdes dhe përvojë. Vizitoni faqen e plotë të galerisë për më shumë."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rmwkle&_wi=1"
|
||||
imageAlt="Galeri e restorantit Watami"
|
||||
mediaAnimation="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
imagePosition="right"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Fotografi Cilësore", description: "Foto të produksionit të lartë të çdo pjate të përpunuar në restorant", icon: Award,
|
||||
},
|
||||
{
|
||||
title: "Kategorizuar sipas Llojit", description: "Organizuar me lehtësi - Rolls, Nigiri, Sashimi, Speciale dhe më shumë", icon: Leaf,
|
||||
},
|
||||
{
|
||||
title: "Atmosferë Restorantit", description: "Vizitoni galerin për të parë interiorn elegan dhe ambiencën e restorantit", icon: Heart,
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Vizito Galerën e Plotë", href: "/gallery" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="cta-about" data-section="cta-about" className="mx-auto px-4 md:px-6">
|
||||
<ContactSplitForm
|
||||
title="Eksperienca Watami Personalisht"
|
||||
description="Pranovi një tavolë në restorantin tonë premium dhe eksperimenta qoftën përvojën më të mirë të sushit në Tiranë"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1gbcom&_wi=2"
|
||||
imageAlt="Sushi premium në Watami"
|
||||
mediaAnimation="blur-reveal"
|
||||
mediaPosition="right"
|
||||
useInvertedBackground={false}
|
||||
inputs={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Emri yt"},
|
||||
{
|
||||
name: "phone", type: "tel", placeholder: "+355 69 xxx xxxx"},
|
||||
{
|
||||
name: "date", type: "date", placeholder: "Data e kërkuar"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Mesazhi juaj (përjashtim i opsionalit)", rows: 4,
|
||||
}}
|
||||
buttonText="Rezervo Tani"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer-about" data-section="footer-about" className="mx-auto px-4 md:px-6">
|
||||
<FooterBaseCard
|
||||
logoText="Watami Tirana"
|
||||
copyrightText="© 2025 Watami Tirana. Të gjitha të drejtat e rezervuara."
|
||||
|
||||
Reference in New Issue
Block a user