diff --git a/src/app/navody/page.tsx b/src/app/navody/page.tsx index 87301ae..4e57fac 100644 --- a/src/app/navody/page.tsx +++ b/src/app/navody/page.tsx @@ -10,6 +10,15 @@ import Link from "next/link"; import { Sparkles, BookOpen, Zap, Package, Shield, HelpCircle } from 'lucide-react'; export default function TutorialsPage() { + const navItems = [ + { name: "Domů", id: "/" }, + { name: "Základy", id: "/zaklady" }, + { name: "Návody", id: "/navody" }, + { name: "Galerie", id: "/galerie" }, + { name: "Blog", id: "/blog" }, + { name: "Kontakt", id: "#footer" } + ]; + return ( @@ -49,28 +51,23 @@ export default function TutorialsPage() { features={[ { icon: Sparkles, - title: "Jak Začít Háčkovat", - description: "Jednoduché kroky pro absolutní začátečníky. Naučte se držet háček a navázat základní oko." + title: "Jak Začít Háčkovat", description: "Jednoduché kroky pro absolutní začátečníky. Naučte se držet háček a navázat základní oko." }, { icon: Zap, - title: "Základní Oka", - description: "Poznáte všechny základní stehové techniky od řetízkového oka až po pevný steh." + title: "Základní Oka", description: "Poznáte všechny základní stehové techniky od řetízkového oka až po pevný steh." }, { icon: BookOpen, - title: "Čtení Návodů", - description: "Jak porozumět háčkovacím nástrojům, zkratkám a symbolům v návodech." + title: "Čtení Návodů", description: "Jak porozumět háčkovacím nástrojům, zkratkám a symbolům v návodech." }, { icon: Package, - title: "Potřeby na Háčkování", - description: "Kompletní seznam materiálů a nástrojů, které budete potřebovat na začátek." + title: "Potřeby na Háčkování", description: "Kompletní seznam materiálů a nástrojů, které budete potřebovat na začátek." }, { icon: Shield, - title: "Bezpečnost a Hygiena", - description: "Tipy pro bezpečné a pohodlné háčkování bez zranění." + title: "Bezpečnost a Hygiena", description: "Tipy pro bezpečné a pohodlné háčkování bez zranění." } ]} animationType="slide-up" @@ -94,36 +91,16 @@ export default function TutorialsPage() { gridVariant="uniform-all-items-equal" products={[ { - id: "1", - name: "Amigurumi Medvídek", - price: "Zdarma", - variant: "Začátečník • 2-3 hodiny", - imageSrc: "http://img.b2bpic.net/free-photo/top-view-crochet-plush-still-life_23-2151044831.jpg?_wi=3", - imageAlt: "Háčkovaný medvídek" + id: "1", name: "Amigurumi Medvídek", price: "Zdarma", variant: "Začátečník • 2-3 hodiny", imageSrc: "http://img.b2bpic.net/free-photo/top-view-crochet-plush-still-life_23-2151044831.jpg?_wi=3", imageAlt: "Háčkovaný medvídek" }, { - id: "2", - name: "Vánoční Ozdoby", - price: "Zdarma", - variant: "Střední • 1-2 hodiny", - imageSrc: "http://img.b2bpic.net/free-photo/wooden-table-covered-candy-canes-marshmallows-christmas-decorations-lights_181624-10429.jpg?_wi=3", - imageAlt: "Vánoční háčkované ozdoby" + id: "2", name: "Vánoční Ozdoby", price: "Zdarma", variant: "Střední • 1-2 hodiny", imageSrc: "http://img.b2bpic.net/free-photo/wooden-table-covered-candy-canes-marshmallows-christmas-decorations-lights_181624-10429.jpg?_wi=3", imageAlt: "Vánoční háčkované ozdoby" }, { - id: "3", - name: "Koberec Mandala", - price: "Zdarma", - variant: "Pokročilý • 8-10 hodin", - imageSrc: "http://img.b2bpic.net/free-photo/top-view-colorful-pom-poms-arrangement_23-2149482999.jpg?_wi=2", - imageAlt: "Háčkovaný koberec mandala" + id: "3", name: "Koberec Mandala", price: "Zdarma", variant: "Pokročilý • 8-10 hodin", imageSrc: "http://img.b2bpic.net/free-photo/top-view-colorful-pom-poms-arrangement_23-2149482999.jpg?_wi=2", imageAlt: "Háčkovaný koberec mandala" }, { - id: "4", - name: "Dětská Čepička", - price: "Zdarma", - variant: "Začátečník • 3-4 hodiny", - imageSrc: "http://img.b2bpic.net/free-photo/young-woman-knitting-while-relaxing_23-2149401730.jpg?_wi=2", - imageAlt: "Háčkovaná dětská čepička" + id: "4", name: "Dětská Čepička", price: "Zdarma", variant: "Začátečník • 3-4 hodiny", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-knitting-while-relaxing_23-2149401730.jpg?_wi=2", imageAlt: "Háčkovaná dětská čepička" } ]} /> @@ -142,34 +119,22 @@ export default function TutorialsPage() { faqsAnimation="slide-up" faqs={[ { - id: "1", - title: "Jak začít s háčkováním bez předchozích zkušeností?", - content: "Začněte s naším průvodcem pro začátečníky. Budete potřebovat kvalitní háček, přízi a trpělivost. Začněte s jednoduchými projekty a postupně přejděte na složitější techniky. Naše video návody vám pomohou zobrazit si správné techniky." + id: "1", title: "Jak začít s háčkováním bez předchozích zkušeností?", content: "Začněte s naším průvodcem pro začátečníky. Budete potřebovat kvalitní háček, přízi a trpělivost. Začněte s jednoduchými projekty a postupně přejděte na složitější techniky. Naše video návody vám pomohou zobrazit si správné techniky." }, { - id: "2", - title: "Jakou příz mám koupit na začátek?", - content: "Doporučujeme začít s příží střední tloušťky (DK nebo worsted) v neutrálních barvách. Vyhněte se velmi tenkým vláknům. Kvalitní příz od renomovaných výrobců vám usnadní práci a výsledky budou lepší." + id: "2", title: "Jakou příz mám koupit na začátek?", content: "Doporučujeme začít s příží střední tloušťky (DK nebo worsted) v neutrálních barvách. Vyhněte se velmi tenkým vláknům. Kvalitní příz od renomovaných výrobců vám usnadní práci a výsledky budou lepší." }, { - id: "3", - title: "Jak dlouho trvá vyrobit amigurumi?", - content: "Jednoduchý amigurumi (malý medvídek) trvá 2-3 hodiny. Složitější projekty mohou trvat 8-10 hodin. Čas závisí na vaší zkušenosti a velikosti projektu. Začátečníci si mohou chvíli déle." + id: "3", title: "Jak dlouho trvá vyrobit amigurumi?", content: "Jednoduchý amigurumi (malý medvídek) trvá 2-3 hodiny. Složitější projekty mohou trvat 8-10 hodin. Čas závisí na vaší zkušenosti a velikosti projektu. Začátečníci si mohou chvíli déle." }, { - id: "4", - title: "Jaký je rozdíl mezi háčkováním a pletením?", - content: "Háčkování používá jeden háček a často se pracuje s jedním očkem najednou. Pletení používá dva jehlice a několik oček se pracuje současně. Háčkování je obecně jednodušší pro začátečníky." + id: "4", title: "Jaký je rozdíl mezi háčkováním a pletením?", content: "Háčkování používá jeden háček a často se pracuje s jedním očkem najednou. Pletení používá dva jehlice a několik oček se pracuje současně. Háčkování je obecně jednodušší pro začátečníky." }, { - id: "5", - title: "Kde mohu koupit materiály na háčkování?", - content: "Materiály můžete koupit v obchodě s řemesly, online prodejcích, nebo u nás v partnerských obchodech. Doporučujeme kvalitní příz a háčky, i když je to o něco dražší." + id: "5", title: "Kde mohu koupit materiály na háčkování?", content: "Materiály můžete koupit v obchodě s řemesly, online prodejcích, nebo u nás v partnerských obchodech. Doporučujeme kvalitní příz a háčky, i když je to o něco dražší." }, { - id: "6", - title: "Jak opravím chybu v háčkovaném projektu?", - content: "Pokud uděláte chybu, můžete se vrátit o několik řad a rozpoléit přízi. Určitý počet chyb je normální, zvláště na začátku. Náš tutoriál na opravu chyb vám ukáže jak na to." + id: "6", title: "Jak opravím chybu v háčkovaném projektu?", content: "Pokud uděláte chybu, můžete se vrátit o několik řad a rozpoléit přízi. Určitý počet chyb je normální, zvláště na začátku. Náš tutoriál na opravu chyb vám ukáže jak na to." } ]} /> @@ -184,26 +149,23 @@ export default function TutorialsPage() { copyrightText="© 2024 Háčkování | Všechna práva vyhrazena" columns={[ { - title: "Navigace", - items: [ + title: "Navigace", items: [ { label: "Domů", href: "/" }, - { label: "Základy", href: "#basics" }, + { label: "Základy", href: "/zaklady" }, { label: "Návody", href: "/navody" }, { label: "Galerie", href: "/galerie" } ] }, { - title: "Obsah", - items: [ - { label: "Blog", href: "#blog" }, + title: "Obsah", items: [ + { label: "Blog", href: "/blog" }, { label: "FAQ", href: "#faq" }, - { label: "O Mně", href: "#contact" }, + { label: "O Mně", href: "/o-mne" }, { label: "Tipy a Triky", href: "#contact" } ] }, { - title: "Připojte Se", - items: [ + title: "Připojte Se", items: [ { label: "Email", href: "mailto:info@hackovani.cz" }, { label: "Kontakt", href: "#contact" }, { label: "Sociální Sítě", href: "https://facebook.com" },