2 Commits

Author SHA1 Message Date
4b5a52824d Update src/app/page.tsx 2026-04-06 20:30:52 +00:00
a796a40c7a Merge version_1 into main
Merge version_1 into main
2026-04-06 20:29:17 +00:00

View File

@@ -11,6 +11,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo'; import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive'; import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout'; import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Presentation } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -31,21 +32,13 @@ export default function LandingPage() {
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={[
{ {
name: "About", name: "O nama", id: "about"},
id: "about",
},
{ {
name: "Services", name: "Usluge", id: "services"},
id: "services",
},
{ {
name: "Pricing", name: "Paketi", id: "pricing"},
id: "pricing",
},
{ {
name: "Contact", name: "Kontakt", id: "contact"},
id: "contact",
},
]} ]}
brandName="Ink & Slide" brandName="Ink & Slide"
/> />
@@ -53,50 +46,24 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroOverlay <HeroOverlay
title="Your Story, Expertly Told." title="Vaša priča, naša ekspertiza."
description="Ink & Slide is a premier digital agency dedicated to elevating your brand through high-impact writing and sophisticated presentation design." description="Ink & Slide je agencija specijalizovana za profesionalno pisanje sadržaja i kreiranje vrhunskih PowerPoint prezentacija koje ostavljaju utisak."
tag="Digital Storytelling Agency" tag="Digitalna agencija za pisanje i prezentacije"
buttons={[ buttons={[
{ {
text: "Get Started", text: "Započnite projekat", href: "#contact"},
href: "#contact",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/creative-desktop-with-laptop-coffee-stationery-white-table-top-view-flat-lay_501050-582.jpg?_wi=1" imageSrc="http://img.b2bpic.net/free-photo/creative-desktop-with-laptop-coffee-stationery-white-table-top-view-flat-lay_501050-582.jpg?_wi=1"
avatars={[ avatarText="Poverenje 500+ klijenata"
{
src: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-photo/side-view-business-woman-posing_23-2149457762.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg",
alt: "Client 5",
},
]}
avatarText="Trusted by 500+ leaders"
/> />
</div> </div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<TextSplitAbout <TextSplitAbout
useInvertedBackground={false} useInvertedBackground={false}
title="Crafting Clarity" title="Kreiramo jasnoću"
description={[ description={[
"At Ink & Slide, we believe every piece of writing or presentation is an opportunity to command attention.", "U Ink & Slide, verujemo da je svaki tekst ili prezentacija prilika da se istaknete.", "Naš tim pisaca i dizajnera kombinuje precizno pisanje na srpskom jeziku sa vrhunskim PowerPoint dizajnom."]}
"Our team of writers and designers works at the intersection of clear communication and high-end visual design.",
]}
/> />
</div> </div>
@@ -107,38 +74,22 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ {
id: "feat-1", id: "feat-1", title: "Profesionalno pisanje", descriptions: [
title: "Expert Copywriting", "Web tekstovi za konverziju", "Blog članci za vašu publiku", "Newsletter kampanje"],
descriptions: [ imageSrc: "http://img.b2bpic.net/free-photo/hands-writing-notebook_1150-162.jpg?_wi=1"},
"High-conversion web copy",
"Thought leadership articles",
"Marketing email sequences",
],
imageSrc: "http://img.b2bpic.net/free-photo/hands-writing-notebook_1150-162.jpg?_wi=1",
},
{ {
id: "feat-2", id: "feat-2", title: "PowerPoint prezentacije", descriptions: [
title: "Presentation Design", "Izrada profesionalnih PowerPoint prezentacija", "Pitch deck dizajn", "Vizuelna transformacija ideja"],
descriptions: [ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8v16m0&_wi=1"},
"Pitch deck transformation",
"Corporate conference keynotes",
"High-end visual templates",
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8v16m0&_wi=1",
},
{ {
id: "feat-3", id: "feat-3", title: "Content strategija", descriptions: [
title: "Content Strategy", "Razvoj tona komunikacije", "Planiranje sadržaja", "SEO optimizacija na srpskom jeziku"],
descriptions: [ imageSrc: "http://img.b2bpic.net/free-photo/hands-writing-notebook_1150-162.jpg?_wi=2"},
"Brand voice development",
"Content calendar planning",
"SEO-driven content roadmaps",
],
imageSrc: "http://img.b2bpic.net/free-photo/hands-writing-notebook_1150-162.jpg?_wi=2",
},
]} ]}
title="Our Services" tag="Naše usluge"
description="Tailored solutions to build your brand authority and wow your audience." tagIcon={Presentation}
title="Usluge koje nudimo"
description="Rešenja po meri za izgradnju autoriteta vašeg brenda i wow efekat pred publikom."
/> />
</div> </div>
@@ -149,61 +100,32 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
plans={[ plans={[
{ {
id: "basic", id: "basic", badge: "Osnovni", price: "150€", subtitle: "Za fokusirane projekte", buttons: [
badge: "Essential",
price: "$1,500",
subtitle: "For focused projects",
buttons: [
{ {
text: "Select", text: "Odaberite", href: "#contact"},
href: "#contact",
},
], ],
features: [ features: [
"1 Pitch Deck Review", "1x PowerPoint prezentacija (10 slajdova)", "Kopirajting za 1 blog članak", "Osnovna SEO optimizacija"],
"Blog Content Writing",
"Basic SEO Optimization",
],
}, },
{ {
id: "pro", id: "pro", badge: "Popularno", price: "350€", subtitle: "Za rastuće brendove", buttons: [
badge: "Popular",
price: "$3,500",
subtitle: "For growing brands",
buttons: [
{ {
text: "Select", text: "Odaberite", href: "#contact"},
href: "#contact",
},
], ],
features: [ features: [
"Full Pitch Deck Design", "Profesionalni PowerPoint dizajn (25 slajdova)", "Strategija sadržaja za mesec dana", "Napredna SEO optimizacija", "Revizija teksta"],
"Comprehensive Blog Strategy",
"Advanced SEO",
"Content Audit",
],
}, },
{ {
id: "enterprise", id: "enterprise", badge: "Custom", price: "Po dogovoru", subtitle: "Za lidere na tržištu", buttons: [
badge: "Custom",
price: "$8,000+",
subtitle: "For global leaders",
buttons: [
{ {
text: "Contact", text: "Kontakt", href: "#contact"},
href: "#contact",
},
], ],
features: [ features: [
"Unlimited Presentations", "Neograničene prezentacije", "Narativna strategija brenda", "Posvećeni menadžer projekta", "Prioritetna izrada"],
"Brand Narrative Strategy",
"Dedicated Account Manager",
"Priority Execution",
],
}, },
]} ]}
title="Investment in Growth" title="Investicija u rast"
description="Choose the package that aligns with your scaling objectives." description="Odaberite paket koji odgovara vašim poslovnim ciljevima."
/> />
</div> </div>
@@ -213,63 +135,12 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Marija Jovanović", date: "Jan 2024", title: "CEO, TechNode", quote: "PowerPoint prezentacije koje su izradili su nam pomogle da lakše privučemo investitore. Neverovatan kvalitet.", tag: "Prezentacije", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg", imageSrc: "http://img.b2bpic.net/free-photo/creative-desktop-with-laptop-coffee-stationery-white-table-top-view-flat-lay_501050-582.jpg?_wi=2", imageAlt: "radni prostor"},
name: "Sarah Jenkins",
date: "Jan 2024",
title: "CEO, TechNode",
quote: "Their presentation design fundamentally changed our investor engagement. Unbeatable quality.",
tag: "Investor Relations",
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/creative-desktop-with-laptop-coffee-stationery-white-table-top-view-flat-lay_501050-582.jpg?_wi=2",
imageAlt: "minimalist desk writer workspace",
},
{ {
id: "2", id: "2", name: "Marko Petrović", date: "Feb 2024", title: "Marketing menadžer", quote: "Ink & Slide je savršeno pogodio ton našeg brenda. Preporučujem ih za sve vrste pisanja.", tag: "Content", avatarSrc: "http://img.b2bpic.net/free-photo/side-view-business-woman-posing_23-2149457762.jpg", imageSrc: "http://img.b2bpic.net/free-photo/still-life-office-desk-mess_23-2150164871.jpg", imageAlt: "agencijski radni prostor"},
name: "Mark Wilson",
date: "Feb 2024",
title: "VP Marketing, GrowOps",
quote: "Ink & Slide captured our brand voice perfectly on the first try. Highly recommended.",
tag: "Content Strategy",
avatarSrc: "http://img.b2bpic.net/free-photo/side-view-business-woman-posing_23-2149457762.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-office-desk-mess_23-2150164871.jpg",
imageAlt: "creative agency workspace",
},
{
id: "3",
name: "Elena Rodriguez",
date: "Mar 2024",
title: "Founder, Brightly",
quote: "Professional, fast, and extremely creative. They are our go-to for all content needs.",
tag: "Copywriting",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/hands-writing-notebook_1150-162.jpg?_wi=3",
imageAlt: "professional writing service concept",
},
{
id: "4",
name: "David Kim",
date: "Apr 2024",
title: "CFO, FinStream",
quote: "The pitch deck they created helped us secure our Series A round in record time.",
tag: "Presentation Design",
avatarSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8v16m0&_wi=2",
imageAlt: "professional presentation design",
},
{
id: "5",
name: "Amelia Smith",
date: "May 2024",
title: "Marketing Manager, Neo",
quote: "Remarkable attention to detail and a true understanding of the market narrative.",
tag: "Strategy",
avatarSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",
imageAlt: "professional headshot executive",
},
]} ]}
title="Voices of Success" title="Glasovi uspeha"
description="Trusted by forward-thinking leaders around the globe." description="Klijenti koji veruju našem kreativnom radu."
/> />
</div> </div>
@@ -279,25 +150,16 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "faq-1", id: "faq-1", title: "Koliko traje izrada prezentacije?", content: "Izrada profesionalne PowerPoint prezentacije traje između 5 i 10 radnih dana, zavisno od kompleksnosti."},
title: "How long does a presentation take?",
content: "Depending on complexity, decks are delivered within 5-10 business days.",
},
{ {
id: "faq-2", id: "faq-2", title: "Da li radite na srpskom jeziku?", content: "Da, specijalizovani smo za pisanje sadržaja i kreiranje prezentacija na srpskom jeziku."},
title: "Can you handle technical content?",
content: "Yes, we specialize in translating complex industry information into digestible narratives.",
},
{ {
id: "faq-3", id: "faq-3", title: "Da li uključujete izmene?", content: "Svaki projekat uključuje dve runde revizija kako bismo bili sigurni da ste potpuno zadovoljni."},
title: "Do you offer revisions?",
content: "Each package includes two rounds of refinements to ensure total satisfaction.",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/businesswoman-using-tablet_53876-14785.jpg" imageSrc="http://img.b2bpic.net/free-photo/businesswoman-using-tablet_53876-14785.jpg"
mediaAnimation="slide-up" mediaAnimation="slide-up"
title="Frequently Asked Questions" title="Česta pitanja"
description="Got questions? We've got answers." description="Odgovori na nedoumice koje možda imate."
faqsAnimation="slide-up" faqsAnimation="slide-up"
/> />
</div> </div>
@@ -306,14 +168,11 @@ export default function LandingPage() {
<ContactText <ContactText
useInvertedBackground={true} useInvertedBackground={true}
background={{ background={{
variant: "gradient-bars", variant: "gradient-bars"}}
}} text="Spremni da ispričamo vašu priču bolje? Kontaktirajte nas."
text="Ready to tell your story better? Lets connect."
buttons={[ buttons={[
{ {
text: "Start Project", text: "Započnite projekat", href: "mailto:hello@inkslide.com"},
href: "mailto:hello@inkslide.com",
},
]} ]}
/> />
</div> </div>
@@ -321,7 +180,7 @@ export default function LandingPage() {
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterCard <FooterCard
logoText="Ink & Slide" logoText="Ink & Slide"
copyrightText="© 2025 Ink & Slide Agency. All rights reserved." copyrightText="© 2025 Ink & Slide Agency. Sva prava zadržana."
/> />
</div> </div>
</ReactLenis> </ReactLenis>