diff --git a/src/app/page.tsx b/src/app/page.tsx index 14d4a40..f2172c7 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -24,8 +24,7 @@ export default function HomePage() { const footerColumns = [ { - title: "Shërbime", - items: [ + title: "Shërbime", items: [ { label: "Menyja", href: "#menu" }, { label: "Rezervime", href: "#contact" }, { label: "Eventi & Festa", href: "#features" }, @@ -33,8 +32,7 @@ export default function HomePage() { ], }, { - title: "Lidhjet e Shpejtë", - items: [ + title: "Lidhjet e Shpejtë", items: [ { label: "Rreth Nesh", href: "#about" }, { label: "Kontakti", href: "#contact" }, { label: "Politika e Privatësisë", href: "#" }, @@ -42,8 +40,7 @@ export default function HomePage() { ], }, { - title: "Na Ndiqni", - items: [ + title: "Na Ndiqni", items: [ { label: "Instagram", href: "https://instagram.com" }, { label: "Facebook", href: "https://facebook.com" }, { label: "WhatsApp", href: "https://wa.me" }, @@ -70,9 +67,7 @@ export default function HomePage() { brandName="Jarna" navItems={navItems} button={{ - text: "Rezervim", - href: "#contact", - }} + text: "Rezervim", href: "#contact"}} /> @@ -90,30 +85,21 @@ export default function HomePage() { mediaItems={[ { imageSrc: - "http://img.b2bpic.net/free-photo/rustic-deck-with-patio-furniture-vegetation_23-2150698464.jpg", - imageAlt: "Ambient restoranti tradicional", - }, + "http://img.b2bpic.net/free-photo/rustic-deck-with-patio-furniture-vegetation_23-2150698464.jpg", imageAlt: "Ambient restoranti tradicional"}, { imageSrc: - "http://img.b2bpic.net/free-photo/fried-meat-with-potatoes-served-with-onions-tomatoes-greens_141793-1068.jpg", - imageAlt: "Pjata traditionale shqiptare", - }, + "http://img.b2bpic.net/free-photo/fried-meat-with-potatoes-served-with-onions-tomatoes-greens_141793-1068.jpg", imageAlt: "Pjata traditionale shqiptare"}, { imageSrc: - "http://img.b2bpic.net/free-photo/people-sitting-table-with-food_23-2147954299.jpg", - imageAlt: "Tavolë me sherbim tradicional", - }, + "http://img.b2bpic.net/free-photo/people-sitting-table-with-food_23-2147954299.jpg", imageAlt: "Tavolë me sherbim tradicional"}, { imageSrc: - "http://img.b2bpic.net/free-photo/life-style_1122-1996.jpg", - imageAlt: "Kuzhinë autentike shqiptare", - }, + "http://img.b2bpic.net/free-photo/life-style_1122-1996.jpg", imageAlt: "Kuzhinë autentike shqiptare"}, { imageSrc: - "http://img.b2bpic.net/free-photo/different-types-tapas-table_23-2147680666.jpg", - imageAlt: "Mysafirë duke ngrënë në Jarna", - }, + "http://img.b2bpic.net/free-photo/different-types-tapas-table_23-2147680666.jpg", imageAlt: "Mysafirë duke ngrënë në Jarna"}, ]} + mediaAnimation="none" /> @@ -121,10 +107,7 @@ export default function HomePage() { @@ -137,71 +120,29 @@ export default function HomePage() { tag="Specialitete" products={[ { - id: "1", - brand: "Jarna Speciale", - name: "Tavë Kosi", - price: "850 Lekë", - rating: 5, - reviewCount: "245 komente", - imageSrc: - "http://img.b2bpic.net/free-photo/top-view-delicious-vegetable-meal-sliced-cooked-with-fresh-vegetables-dark-desk-meal-food-dinner-sauce-soup_140725-85990.jpg?_wi=1", - imageAlt: "Tavë Kosi - specialiteti ynë", - }, + id: "1", brand: "Jarna Speciale", name: "Tavë Kosi", price: "850 Lekë", rating: 5, + reviewCount: "245 komente", imageSrc: + "http://img.b2bpic.net/free-photo/top-view-delicious-vegetable-meal-sliced-cooked-with-fresh-vegetables-dark-desk-meal-food-dinner-sauce-soup_140725-85990.jpg", imageAlt: "Tavë Kosi - specialiteti ynë"}, { - id: "2", - brand: "Jarna Klasike", - name: "Byrek me Spinaq", - price: "650 Lekë", - rating: 5, - reviewCount: "312 komente", - imageSrc: - "http://img.b2bpic.net/free-photo/front-view-pastry-with-meat-delicious-dough-meal-inside-plate-light-desk_140725-40873.jpg?_wi=1", - imageAlt: "Byrek me spinaq të ngrohtë", - }, + id: "2", brand: "Jarna Klasike", name: "Byrek me Spinaq", price: "650 Lekë", rating: 5, + reviewCount: "312 komente", imageSrc: + "http://img.b2bpic.net/free-photo/front-view-pastry-with-meat-delicious-dough-meal-inside-plate-light-desk_140725-40873.jpg", imageAlt: "Byrek me spinaq të ngrohtë"}, { - id: "3", - brand: "Jarna Speciale", - name: "Fli me Mjalte", - price: "450 Lekë", - rating: 5, - reviewCount: "189 komente", - imageSrc: - "http://img.b2bpic.net/free-photo/cottage-cheese-casserole-with-raisins-semolina_114579-9698.jpg?_wi=1", - imageAlt: "Fli tradicional me mjalte", - }, + id: "3", brand: "Jarna Speciale", name: "Fli me Mjalte", price: "450 Lekë", rating: 5, + reviewCount: "189 komente", imageSrc: + "http://img.b2bpic.net/free-photo/cottage-cheese-casserole-with-raisins-semolina_114579-9698.jpg", imageAlt: "Fli tradicional me mjalte"}, { - id: "4", - brand: "Jarna Klasike", - name: "Misir i Pjekur", - price: "750 Lekë", - rating: 5, - reviewCount: "198 komente", - imageSrc: - "http://img.b2bpic.net/free-photo/woman-brushing-dough-with-egg-yolk-before-baking-top-view_176474-5527.jpg?_wi=1", - imageAlt: "Misir i pjekur në furrë tradicionale", - }, + id: "4", brand: "Jarna Klasike", name: "Misir i Pjekur", price: "750 Lekë", rating: 5, + reviewCount: "198 komente", imageSrc: + "http://img.b2bpic.net/free-photo/woman-brushing-dough-with-egg-yolk-before-baking-top-view_176474-5527.jpg", imageAlt: "Misir i pjekur në furrë tradicionale"}, { - id: "5", - brand: "Jarna Speciale", - name: "Qofte me Salcë", - price: "550 Lekë", - rating: 5, - reviewCount: "267 komente", - imageSrc: - "http://img.b2bpic.net/free-photo/top-view-tasty-meatball-bowl-spaghetti-bowl-oil-bottle-tomatoes-parsley-dry-peppers-table_140725-148456.jpg?_wi=1", - imageAlt: "Qofte traditionale me salcë speciale", - }, + id: "5", brand: "Jarna Speciale", name: "Qofte me Salcë", price: "550 Lekë", rating: 5, + reviewCount: "267 komente", imageSrc: + "http://img.b2bpic.net/free-photo/top-view-tasty-meatball-bowl-spaghetti-bowl-oil-bottle-tomatoes-parsley-dry-peppers-table_140725-148456.jpg", imageAlt: "Qofte traditionale me salcë speciale"}, { - id: "6", - brand: "Jarna Klasike", - name: "Pata Pëlhure", - price: "1200 Lekë", - rating: 5, - reviewCount: "221 komente", - imageSrc: - "http://img.b2bpic.net/free-photo/person-holding-lamb-ribs-dish_23-2148516949.jpg?_wi=1", - imageAlt: "Pata pëlhure në salcë tradicionale", - }, + id: "6", brand: "Jarna Klasike", name: "Pata Pëlhure", price: "1200 Lekë", rating: 5, + reviewCount: "221 komente", imageSrc: + "http://img.b2bpic.net/free-photo/person-holding-lamb-ribs-dish_23-2148516949.jpg", imageAlt: "Pata pëlhure në salcë tradicionale"}, ]} gridVariant="three-columns-all-equal-width" animationType="slide-up" @@ -218,28 +159,24 @@ export default function HomePage() { features={[ { id: 1, - title: "Mjedis Tradicional", - description: - "Dekorimi autentik shqiptar që ju transporton në zemrën e kulturës sonë të pasur. Çdo kënd tregon një histori.", - }, + title: "Mjedis Tradicional", description: + "Dekorimi autentik shqiptar që ju transporton në zemrën e kulturës sonë të pasur. Çdo kënd tregon një histori.", imageSrc: + "http://img.b2bpic.net/free-photo/rustic-deck-with-patio-furniture-vegetation_23-2150698464.jpg", imageAlt: "Mjedis tradicional"}, { id: 2, - title: "Sherbim i Ngrohtë", - description: - "Personeli ynë i stëruar me përvojë na jep sigurinë që çdo kërkesë e juaj plotësohet me buzëqeshje dhe përqendrueshmëri.", - }, + title: "Sherbim i Ngrohtë", description: + "Personeli ynë i stëruar me përvojë na jep sigurinë që çdo kërkesë e juaj plotësohet me buzëqeshje dhe përqendrueshmëri.", imageSrc: + "http://img.b2bpic.net/free-photo/people-sitting-table-with-food_23-2147954299.jpg", imageAlt: "Sherbim i ngrohtë"}, { id: 3, - title: "Lëndë të Para Premium", - description: - "Sigurojmë nga fermat lokale të besuara për të garantuar cilësinë më të lartë në çdo pjatë të servuar.", - }, + title: "Lëndë të Para Premium", description: + "Sigurojmë nga fermat lokale të besuara për të garantuar cilësinë më të lartë në çdo pjatë të servuar.", imageSrc: + "http://img.b2bpic.net/free-photo/life-style_1122-1996.jpg", imageAlt: "Lëndë të para premium"}, { id: 4, - title: "Eventos & Festime", - description: - "Pikat perfekte për festa familjare, dasmë, dhe eventos të veçanta me menu të personalizuara.", - }, + title: "Eventos & Festime", description: + "Pikat perfekte për festa familjare, dasmë, dhe eventos të veçanta me menu të personalizuara.", imageSrc: + "http://img.b2bpic.net/free-photo/different-types-tapas-table_23-2147680666.jpg", imageAlt: "Eventos & festime"}, ]} textboxLayout="default" useInvertedBackground={false} @@ -254,59 +191,29 @@ export default function HomePage() { tag="Feedback" testimonials={[ { - id: "1", - name: "Fatmir Dibra", - role: "Zyrtari", - company: "Tiranë", - rating: 5, + id: "1", name: "Fatmir Dibra", role: "Zyrtari", company: "Tiranë", rating: 5, imageSrc: - "http://img.b2bpic.net/free-photo/middle-aged-man-wearing-jacket-laughing-happy_150588-72.jpg?_wi=1", - }, + "http://img.b2bpic.net/free-photo/middle-aged-man-wearing-jacket-laughing-happy_150588-72.jpg"}, { - id: "2", - name: "Luiza Çiço", - role: "Mësuesja", - company: "Durrës", - rating: 5, + id: "2", name: "Luiza Çiço", role: "Mësuesja", company: "Durrës", rating: 5, imageSrc: - "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-businesswoman_329181-1417.jpg?_wi=1", - }, + "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-businesswoman_329181-1417.jpg"}, { - id: "3", - name: "Arben Gega", - role: "Arkitekti", - company: "Vlorë", - rating: 5, + id: "3", name: "Arben Gega", role: "Arkitekti", company: "Vlorë", rating: 5, imageSrc: - "http://img.b2bpic.net/free-photo/blond-man-surprised_1194-2887.jpg?_wi=1", - }, + "http://img.b2bpic.net/free-photo/blond-man-surprised_1194-2887.jpg"}, { - id: "4", - name: "Mira Hasani", - role: "Sipërmarrja", - company: "Elbasan", - rating: 5, + id: "4", name: "Mira Hasani", role: "Sipërmarrja", company: "Elbasan", rating: 5, imageSrc: - "http://img.b2bpic.net/free-photo/businesswoman-posing-meeting_23-2148824909.jpg", - }, + "http://img.b2bpic.net/free-photo/businesswoman-posing-meeting_23-2148824909.jpg"}, { - id: "5", - name: "Sokol Rama", - role: "Gazetari", - company: "Shkodër", - rating: 5, + id: "5", name: "Sokol Rama", role: "Gazetari", company: "Shkodër", rating: 5, imageSrc: - "http://img.b2bpic.net/free-photo/medium-shot-business-man-with-backpack_23-2149915912.jpg", - }, + "http://img.b2bpic.net/free-photo/medium-shot-business-man-with-backpack_23-2149915912.jpg"}, { - id: "6", - name: "Elena Kola", - role: "Këngëtare", - company: "Prishtinë", - rating: 5, + id: "6", name: "Elena Kola", role: "Këngëtare", company: "Prishtinë", rating: 5, imageSrc: - "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-painting-brush_23-2149050517.jpg", - }, + "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-painting-brush_23-2149050517.jpg"}, ]} gridVariant="uniform-all-items-equal" animationType="slide-up" diff --git a/src/app/rreth/page.tsx b/src/app/rreth/page.tsx index eaaaf7a..5112918 100644 --- a/src/app/rreth/page.tsx +++ b/src/app/rreth/page.tsx @@ -20,17 +20,15 @@ export default function AboutPage() { const footerColumns = [ { - title: "Shërbime", - items: [ + title: "Shërbime", items: [ { label: "Menyja", href: "#menu" }, { label: "Rezervime", href: "#contact" }, - { label: "Eventi & Festa", href: "#features" }, + { label: "eventi & Festa", href: "#features" }, { label: "Dhurata", href: "#" }, ], }, { - title: "Lidhjet e Shpejtë", - items: [ + title: "Lidhjet e Shpejtë", items: [ { label: "Rreth Nesh", href: "#about" }, { label: "Kontakti", href: "#contact" }, { label: "Politika e Privatësisë", href: "#" }, @@ -38,8 +36,7 @@ export default function AboutPage() { ], }, { - title: "Na Ndiqni", - items: [ + title: "Na Ndiqni", items: [ { label: "Instagram", href: "https://instagram.com" }, { label: "Facebook", href: "https://facebook.com" }, { label: "WhatsApp", href: "https://wa.me" }, @@ -66,9 +63,7 @@ export default function AboutPage() { brandName="Jarna" navItems={navItems} button={{ - text: "Rezervim", - href: "#contact", - }} + text: "Rezervim", href: "#contact"}} /> @@ -76,10 +71,7 @@ export default function AboutPage() { @@ -93,22 +85,19 @@ export default function AboutPage() { features={[ { id: 1, - title: "Autenticitet", - description: - "Ne nuk e kompromitojmë asnjëherë në autentikitet. Çdo recetë është traditionale, çdo përbërës është i zgjedhur me kujdes.", - }, + title: "Autenticitet", description: + "Ne nuk e kompromitojmë asnjëherë në autentikitet. Çdo recetë është traditionale, çdo përbërës është i zgjedhur me kujdes.", imageSrc: + "http://img.b2bpic.net/free-photo/rustic-deck-with-patio-furniture-vegetation_23-2150698464.jpg", imageAlt: "Autenticitet"}, { id: 2, - title: "Dashurinë për Ushqimin", - description: - "Gatimi është për ne forma e artit. Personeli ynë gaton me pasionin e një artisti, duke respektuar traditën e kuzhinës shqiptare.", - }, + title: "Dashurinë për Ushqimin", description: + "Gatimi është për ne forma e artit. Personeli ynë gaton me pasionin e një artisti, duke respektuar traditën e kuzhinës shqiptare.", imageSrc: + "http://img.b2bpic.net/free-photo/fried-meat-with-potatoes-served-with-onions-tomatoes-greens_141793-1068.jpg", imageAlt: "Dashuri për ushqimin"}, { id: 3, - title: "Cilësia", - description: - "Vetëm lëndët e para më të mira hyjnë në kuzhinën tonë. Marrim drejtpërdrejt nga fermat lokale të besuara.", - }, + title: "Cilësia", description: + "Vetëm lëndët e para më të mira hyjnë në kuzhinën tonë. Marrim drejtpërdrejt nga fermat lokale të besuara.", imageSrc: + "http://img.b2bpic.net/free-photo/life-style_1122-1996.jpg", imageAlt: "Cilësia premium"}, ]} textboxLayout="default" useInvertedBackground={false} @@ -123,32 +112,17 @@ export default function AboutPage() { tag="Zërat e Tyre" testimonials={[ { - id: "1", - name: "Fatmir Dibra", - role: "Zyrtari", - company: "Tiranë", - rating: 5, + id: "1", name: "Fatmir Dibra", role: "Zyrtari", company: "Tiranë", rating: 5, imageSrc: - "http://img.b2bpic.net/free-photo/middle-aged-man-wearing-jacket-laughing-happy_150588-72.jpg?_wi=2", - }, + "http://img.b2bpic.net/free-photo/middle-aged-man-wearing-jacket-laughing-happy_150588-72.jpg"}, { - id: "2", - name: "Luiza Çiço", - role: "Mësuesja", - company: "Durrës", - rating: 5, + id: "2", name: "Luiza Çiço", role: "Mësuesja", company: "Durrës", rating: 5, imageSrc: - "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-businesswoman_329181-1417.jpg?_wi=2", - }, + "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-businesswoman_329181-1417.jpg"}, { - id: "3", - name: "Arben Gega", - role: "Arkitekti", - company: "Vlorë", - rating: 5, + id: "3", name: "Arben Gega", role: "Arkitekti", company: "Vlorë", rating: 5, imageSrc: - "http://img.b2bpic.net/free-photo/blond-man-surprised_1194-2887.jpg?_wi=2", - }, + "http://img.b2bpic.net/free-photo/blond-man-surprised_1194-2887.jpg"}, ]} gridVariant="uniform-all-items-equal" animationType="slide-up" diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..6932f1a 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,47 @@ -"use client"; - -import { memo } from "react"; -import useSvgTextLogo from "./useSvgTextLogo"; -import { cls } from "@/lib/utils"; +import React from "react"; interface SvgTextLogoProps { - logoText: string; - adjustHeightFactor?: number; - verticalAlign?: "top" | "center"; + text: string; className?: string; + textClassName?: string; + fontSize?: number; + fontWeight?: number | string; + letterSpacing?: number; } -const SvgTextLogo = memo(function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); +const SvgTextLogo: React.FC = ({ + text, + className = "", textClassName = "", fontSize = 32, + fontWeight = 700, + letterSpacing = 0, +}) => { + // Calculate approximate text width for viewBox + const charWidth = fontSize * 0.6; + const totalWidth = text.length * charWidth + letterSpacing * (text.length - 1); + const padding = 10; + const viewBoxWidth = totalWidth + padding * 2; + const viewBoxHeight = fontSize + padding * 2; return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +}; export default SvgTextLogo;