/** * Blog Homepage: ToMiTreba Blog – Sve što treba znati * Design: "Domaćinska Enciklopedija" - Warm Agricultural Editorial * Brand: ToMiTreba.rs - Anthracite gray, white, accent red * Typography: Lora (headings), Source Sans 3 (body) * * ============================================================ * KAKO DODATI NOVI BLOG POST: * ============================================================ * 1. Pronađite BLOG_POSTS niz ispod (oko linije 60) * 2. Dodajte novi objekat NA VRH niza (pre prvog postojećeg) * 3. Popunite polja: * - title: Naslov bloga * - date: Datum objave (format: "DD.MM.GGGG.") * - excerpt: Kratak opis (2-3 rečenice) * - url: Link do bloga (interni: "/blog/ime" ili eksterni: "https://www.tomitreba.rs/info/...") * - image: URL slike (može biti null ako nema slike) * - category: Kategorija ("Stočarstvo", "Grooming", "Garden i alati", "Razno") * - isInternal: true ako je ruta unutar ovog sajta, false ako vodi na tomitreba.rs * 4. Sačuvajte fajl - novi post će se automatski pojaviti na vrhu liste * ============================================================ */ import { useEffect, useRef, useState } from "react"; import { motion, useInView } from "framer-motion"; import { Link } from "wouter"; // ============================================================ // SLIKE ZA KATEGORIJE (generisane AI slike visokog kvaliteta) // ============================================================ const HERO_IMG = "https://d2xsxph8kpxj0f.cloudfront.net/310519663486759652/ZdKBqAZ64xsACbpJ4qqx2Z/blog-hero-main-JDhjkuXh9ZkeMiZpCtPuWS.webp"; const CAT_STOCARSTVO = "https://d2xsxph8kpxj0f.cloudfront.net/310519663486759652/ZdKBqAZ64xsACbpJ4qqx2Z/cat-stocarstvo-aeVggSPxauYDoU6bZsGcz2.webp"; const CAT_GROOMING = "https://d2xsxph8kpxj0f.cloudfront.net/310519663486759652/ZdKBqAZ64xsACbpJ4qqx2Z/cat-grooming-fS96BR9JtygjyNvpJQrVsa.webp"; const CAT_GARDEN = "https://d2xsxph8kpxj0f.cloudfront.net/310519663486759652/ZdKBqAZ64xsACbpJ4qqx2Z/cat-garden-oCq7gwDQxn2cFpBDGCKikQ.webp"; const CAT_RAZNO = "https://d2xsxph8kpxj0f.cloudfront.net/310519663486759652/ZdKBqAZ64xsACbpJ4qqx2Z/cat-razno-MoC2J35ZN4iWY794rwiV6V.webp"; const KOLOSTRUM_THUMB = "https://d2xsxph8kpxj0f.cloudfront.net/310519663486759652/ZdKBqAZ64xsACbpJ4qqx2Z/hero-sheep-farm-NxzphViMTqwYYqoqvS8X8y.webp"; // ============================================================ // KATEGORIJE BLOGA (linkovi ka tomitreba.rs/info/...) // ============================================================ const CATEGORIES = [ { title: "Stočarstvo", description: "Sve o uzgoju prasića, teladi i ovaca, opremi, pojilicama i ventilaciji.", image: CAT_STOCARSTVO, url: "https://www.tomitreba.rs/info/stocarstvo", }, { title: "Grooming", description: "Saveti za šišanje, negu dlake, šamponiranje i opremu za pse i mačke.", image: CAT_GROOMING, url: "https://www.tomitreba.rs/info/grooming", }, { title: "Garden i alati", description: "Kosačice, trimeri, pumpe i praktični saveti za održavanje dvorišta.", image: CAT_GARDEN, url: "https://www.tomitreba.rs/info/garden-alati", }, { title: "Razne teme", description: "Korisne teme koje ne staju u šablon – ali rešavaju svakodnevne probleme.", image: CAT_RAZNO, url: "https://www.tomitreba.rs/info/razno", }, ]; // ============================================================ // BLOG POSTOVI - DODAJTE NOVE POSTOVE OVDE NA VRH NIZA ⬇️ // ============================================================ const BLOG_POSTS = [ // ─── NAJNOVIJI POST (dodajte nove iznad ovog) ─── { title: "Zlatna kap koja čuva život: Zašto je kolostrum ključan na svakoj ovčarskoj farmi", date: "23.04.2026.", excerpt: "Kolostrum je prvo mleko koje ovca proizvodi nakon jagnjenja. Saznajte zašto je pravovremeno davanje kolostruma najvažniji faktor preživljavanja jagnjadi i kako da se pripremite za sezonu jagnjenja.", url: "/blog/kolostrum", image: KOLOSTRUM_THUMB, category: "Stočarstvo", isInternal: true, }, { title: "Optimalna ishrana prasadi za uspešno zalučenje i brz rast", date: "05.08.2025.", excerpt: "Na našoj farmi godinama smo tražili optimalan način da obezbedimo ujednačen rast prasadi i smanjimo stres u fazi zalučenja. Praktično iskustvo pokazalo je da Babito predstarter, u kombinaciji sa kvalitetnim mlekom i zakiseljivačem, pravi razliku.", url: "https://www.tomitreba.rs/info/ishrana-prasadi", image: CAT_STOCARSTVO, category: "Stočarstvo", isInternal: false, }, { title: "Prvi dani po prašenju – kako mi to radimo na gazdinstvu", date: "20.06.2025.", excerpt: "Kako pravilno postupiti sa prasićima u prvim danima nakon prašenja – sušenje, sečenje repova, brušenje zuba i preporučena oprema iz prakse.", url: "https://www.tomitreba.rs/info/prvi-dani-po-prasenju-iskustva-iz-prakse", image: null, category: "Stočarstvo", isInternal: false, }, { title: "Hranilice za prasad – pravilna ishrana od prvih dana", date: "10.06.2025.", excerpt: "Pravilno i blagovremeno postavljanje hranilica u prasilištu igra ključnu ulogu u ranom razvoju prasića. Saznajte koje su vrste hranilica, kako ih rasporediti i zašto je rana ishrana važna za ceo tovni ciklus.", url: "https://www.tomitreba.rs/info/hranilice-za-prasad", image: null, category: "Stočarstvo", isInternal: false, }, // ─── Dodajte nove postove IZNAD ovog komentara ─── ]; // ============================================================ // KOMPONENTE // ============================================================ function AnimatedSection({ children, className = "", delay = 0 }: { children: React.ReactNode; className?: string; delay?: number }) { const ref = useRef(null); const isInView = useInView(ref, { once: true, margin: "-60px" }); return ( {children} ); } function Header() { const [scrolled, setScrolled] = useState(false); const [menuOpen, setMenuOpen] = useState(false); useEffect(() => { const handleScroll = () => setScrolled(window.scrollY > 50); window.addEventListener("scroll", handleScroll, { passive: true }); return () => window.removeEventListener("scroll", handleScroll); }, []); return (

); } function HeroSection() { return (

Blog

ToMiTreba Blog

Dobrodošli u Vašu digitalnu štalu, radionicu i kućni savetnik na jednom mestu!

Korisni vodiči, praktični saveti i preporuke iz oblasti stočarstva, ulepšavanja ljubimaca, održavanja okućnice i još mnogo toga.

); } function CategoriesSection() { return (

Kategorije bloga

{CATEGORIES.map((cat, i) => (

{cat.title}

{cat.description}

))}

); } function BlogPostCard({ post, index, featured = false }: { post: typeof BLOG_POSTS[0]; index: number; featured?: boolean }) { const isExternal = !post.isInternal; const cardContent = (featured: boolean) => { if (featured) { return (

{post.image && (

NAJNOVIJE

)}

{post.category} {post.date}

{post.title}

{post.excerpt}

Pročitaj više

); } return (

{post.image ? (

) : (

)}

{post.category} {post.date}

{post.title}

{post.excerpt}

Pročitaj više

); }; if (post.isInternal) { return ( {cardContent(featured)} ); } return ( {cardContent(featured)} ); } function BlogListSection() { const [featured, ...rest] = BLOG_POSTS; return (

); } function CTASection() { return (

); } function Footer() { return (

); } // ============================================================ // GLAVNA KOMPONENTA // ============================================================ export default function Home() { return (

); }