Merge version_2 into main #2
239
src/app/page.tsx
239
src/app/page.tsx
@@ -11,6 +11,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
|
||||
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import { Presentation } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "O nama", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Usluge", id: "services"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Paketi", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Kontakt", id: "contact"},
|
||||
]}
|
||||
brandName="Ink & Slide"
|
||||
/>
|
||||
@@ -53,50 +46,24 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Your Story, Expertly Told."
|
||||
description="Ink & Slide is a premier digital agency dedicated to elevating your brand through high-impact writing and sophisticated presentation design."
|
||||
tag="Digital Storytelling Agency"
|
||||
title="Vaša priča, naša ekspertiza."
|
||||
description="Ink & Slide je agencija specijalizovana za profesionalno pisanje sadržaja i kreiranje vrhunskih PowerPoint prezentacija koje ostavljaju utisak."
|
||||
tag="Digitalna agencija za pisanje i prezentacije"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Započnite projekat", 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"
|
||||
avatars={[
|
||||
{
|
||||
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"
|
||||
avatarText="Poverenje 500+ klijenata"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Crafting Clarity"
|
||||
title="Kreiramo jasnoću"
|
||||
description={[
|
||||
"At Ink & Slide, we believe every piece of writing or presentation is an opportunity to command attention.",
|
||||
"Our team of writers and designers works at the intersection of clear communication and high-end visual design.",
|
||||
]}
|
||||
"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."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -107,38 +74,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "feat-1",
|
||||
title: "Expert Copywriting",
|
||||
descriptions: [
|
||||
"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-1", title: "Profesionalno pisanje", descriptions: [
|
||||
"Web tekstovi za konverziju", "Blog članci za vašu publiku", "Newsletter kampanje"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-writing-notebook_1150-162.jpg?_wi=1"},
|
||||
{
|
||||
id: "feat-2",
|
||||
title: "Presentation Design",
|
||||
descriptions: [
|
||||
"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-2", title: "PowerPoint prezentacije", descriptions: [
|
||||
"Izrada profesionalnih PowerPoint prezentacija", "Pitch deck dizajn", "Vizuelna transformacija ideja"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8v16m0&_wi=1"},
|
||||
{
|
||||
id: "feat-3",
|
||||
title: "Content Strategy",
|
||||
descriptions: [
|
||||
"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",
|
||||
},
|
||||
id: "feat-3", title: "Content strategija", descriptions: [
|
||||
"Razvoj tona komunikacije", "Planiranje sadržaja", "SEO optimizacija na srpskom jeziku"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-writing-notebook_1150-162.jpg?_wi=2"},
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Tailored solutions to build your brand authority and wow your audience."
|
||||
tag="Naše usluge"
|
||||
tagIcon={Presentation}
|
||||
title="Usluge koje nudimo"
|
||||
description="Rešenja po meri za izgradnju autoriteta vašeg brenda i wow efekat pred publikom."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -149,61 +100,32 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$1,500",
|
||||
subtitle: "For focused projects",
|
||||
buttons: [
|
||||
id: "basic", badge: "Osnovni", price: "150€", subtitle: "Za fokusirane projekte", buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Odaberite", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"1 Pitch Deck Review",
|
||||
"Blog Content Writing",
|
||||
"Basic SEO Optimization",
|
||||
],
|
||||
"1x PowerPoint prezentacija (10 slajdova)", "Kopirajting za 1 blog članak", "Osnovna SEO optimizacija"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Popular",
|
||||
price: "$3,500",
|
||||
subtitle: "For growing brands",
|
||||
buttons: [
|
||||
id: "pro", badge: "Popularno", price: "350€", subtitle: "Za rastuće brendove", buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Odaberite", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Full Pitch Deck Design",
|
||||
"Comprehensive Blog Strategy",
|
||||
"Advanced SEO",
|
||||
"Content Audit",
|
||||
],
|
||||
"Profesionalni PowerPoint dizajn (25 slajdova)", "Strategija sadržaja za mesec dana", "Napredna SEO optimizacija", "Revizija teksta"],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Custom",
|
||||
price: "$8,000+",
|
||||
subtitle: "For global leaders",
|
||||
buttons: [
|
||||
id: "enterprise", badge: "Custom", price: "Po dogovoru", subtitle: "Za lidere na tržištu", buttons: [
|
||||
{
|
||||
text: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Kontakt", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Unlimited Presentations",
|
||||
"Brand Narrative Strategy",
|
||||
"Dedicated Account Manager",
|
||||
"Priority Execution",
|
||||
],
|
||||
"Neograničene prezentacije", "Narativna strategija brenda", "Posvećeni menadžer projekta", "Prioritetna izrada"],
|
||||
},
|
||||
]}
|
||||
title="Investment in Growth"
|
||||
description="Choose the package that aligns with your scaling objectives."
|
||||
title="Investicija u rast"
|
||||
description="Odaberite paket koji odgovara vašim poslovnim ciljevima."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -213,63 +135,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
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: "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"},
|
||||
{
|
||||
id: "2",
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
title="Voices of Success"
|
||||
description="Trusted by forward-thinking leaders around the globe."
|
||||
title="Glasovi uspeha"
|
||||
description="Klijenti koji veruju našem kreativnom radu."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -279,25 +150,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "How long does a presentation take?",
|
||||
content: "Depending on complexity, decks are delivered within 5-10 business days.",
|
||||
},
|
||||
id: "faq-1", title: "Koliko traje izrada prezentacije?", content: "Izrada profesionalne PowerPoint prezentacije traje između 5 i 10 radnih dana, zavisno od kompleksnosti."},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "Can you handle technical content?",
|
||||
content: "Yes, we specialize in translating complex industry information into digestible narratives.",
|
||||
},
|
||||
id: "faq-2", title: "Da li radite na srpskom jeziku?", content: "Da, specijalizovani smo za pisanje sadržaja i kreiranje prezentacija na srpskom jeziku."},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "Do you offer revisions?",
|
||||
content: "Each package includes two rounds of refinements to ensure total satisfaction.",
|
||||
},
|
||||
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."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/businesswoman-using-tablet_53876-14785.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
description="Got questions? We've got answers."
|
||||
title="Česta pitanja"
|
||||
description="Odgovori na nedoumice koje možda imate."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -306,14 +168,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Ready to tell your story better? Let’s connect."
|
||||
variant: "gradient-bars"}}
|
||||
text="Spremni da ispričamo vašu priču bolje? Kontaktirajte nas."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Project",
|
||||
href: "mailto:hello@inkslide.com",
|
||||
},
|
||||
text: "Započnite projekat", href: "mailto:hello@inkslide.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -321,7 +180,7 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Ink & Slide"
|
||||
copyrightText="© 2025 Ink & Slide Agency. All rights reserved."
|
||||
copyrightText="© 2025 Ink & Slide Agency. Sva prava zadržana."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user