Entry 91297
import React, { useEffect } from "react";
import {
ArrowRight,
BrainCircuit,
CheckCircle2,
ClipboardList,
ExternalLink,
LineChart,
Phone,
ShieldCheck,
Sparkles,
Target,
Users,
} from "lucide-react";
const contact = {
phonePrimary: "210 80 28 330",
phoneSecondary: "2810 823 002",
email: "info@brd.gr",
};
const colors = {
navy: "#101038",
body: "#26324f",
bodySoft: "#2f3b59",
muted: "#53617d",
line: "#dbe2f1",
};
const sectionPillClass =
"inline-flex items-center gap-2 rounded-[1.15rem] border border-[#dbe2f1] bg-[linear-gradient(180deg,rgba(246,248,253,0.98)_0%,rgba(255,255,255,1)_52%,rgba(240,244,251,0.98)_100%)] px-5 py-3 text-sm font-semibold tracking-[-0.01em] text-[#101038] shadow-[inset_0_1px_0_rgba(255,255,255,0.98),0_12px_28px_rgba(16,16,56,0.06)] backdrop-blur-sm";
const warmSectionPillClass =
"inline-flex items-center gap-2 rounded-[1.15rem] border border-[#e5ded7] bg-[linear-gradient(180deg,rgba(249,247,244,0.98)_0%,rgba(255,255,255,1)_52%,rgba(245,241,236,0.98)_100%)] px-5 py-3 text-sm font-semibold tracking-[-0.01em] text-[#101038] shadow-[inset_0_1px_0_rgba(255,255,255,0.98),0_12px_28px_rgba(16,16,56,0.055)] backdrop-blur-sm";
const heroStats = [
{
label: "Αντικείμενο",
value: "Οργάνωση, ανάπτυξη & επιχειρησιακή βελτίωση",
},
{
label: "Προσέγγιση",
value: "Εξατομικευμένη συμβουλευτική",
},
{
label: "Εργαλεία",
value: "CRM, reports, AI-assisted λειτουργίες",
},
{
label: "Στόχος",
value: "Καλύτερη εικόνα, καλύτερη οργάνωση, πιο στοχευμένη ανάπτυξη",
},
];
const serviceCards = [
{
title: "Αναδιοργάνωση",
text: "Καλύτερη δομή σε διαδικασίες, εργασίες, ρόλους, πελατολόγιο και καθημερινή λειτουργία.",
icon: ClipboardList,
},
{
title: "Βελτίωση",
text: "Πρακτικές παρεμβάσεις σε οργάνωση, εμπορική διαδικασία, follow-up, marketing και παραγωγικότητα.",
icon: LineChart,
},
{
title: "Διαχείριση Κινδύνου",
text: "Ενίσχυση επιχειρησιακής συνέχειας, καλύτερη εικόνα κρίσιμων σημείων και πιο οργανωμένη λήψη αποφάσεων.",
icon: ShieldCheck,
},
];
const supportCards = [
{
title: "Marketing & προβολή",
text: "Βλέπουμε πώς προσεγγίζετε νέους πελάτες, ποια κανάλια αποδίδουν και πώς μπορεί να ενισχυθεί η εικόνα της επιχείρησης.",
},
{
title: "Πελατολόγιο & follow-up",
text: "Οργανώνουμε την εικόνα πελατών, ιστορικού, επαναληπτικών αναγκών, follow-up και ευκαιριών επαναπροσέγγισης.",
},
{
title: "Ομάδα, ρόλοι & καθημερινές εργασίες",
text: "Βοηθάμε την επιχείρηση να αποκτήσει καλύτερη εικόνα ρόλων, αρμοδιοτήτων, εργασιών, εκκρεμοτήτων και εσωτερικού συντονισμού.",
},
{
title: "Βελτίωση εργασιών προσωπικού",
text: "Με θετικό και οργανωτικό τρόπο, αποτυπώνουμε τη ροή εργασιών της ομάδας, ώστε να υπάρχει καλύτερος συντονισμός, πιο καθαρές προτεραιότητες και πιο ομαλή καθημερινή λειτουργία.",
},
{
title: "AI-assisted καταγραφή & reports",
text: "Αξιοποιούμε εργαλεία AI για καλύτερη καταγραφή εργασιών, σύνοψη ενεργειών, reports προόδου και πιο καθαρή εικόνα της λειτουργίας της ομάδας, χωρίς να δημιουργείται αίσθηση επιτήρησης ή περιττής πολυπλοκότητας.",
},
{
title: "Εμπορική δομή & προσφορές",
text: "Εξετάζουμε υπηρεσίες, τιμολογιακή λογική, πακέτα, προσφορές, premium επιλογές και τρόπους αύξησης της αξίας κάθε πελάτη.",
},
{
title: "Οικονομική εικόνα & δείκτες",
text: "Αποτυπώνουμε την τρέχουσα οικονομική κατάσταση της επιχείρησης, με έλεγχο εσόδων, εξόδων και βασικών δεικτών κερδοφορίας.",
},
{
title: "Ευκαιρίες ανάπτυξης",
text: "Αναζητούμε πρακτικές ευκαιρίες ανάπτυξης: νέες υπηρεσίες, καλύτερα πακέτα, επαναφορά παλιών πελατών, συνεργασίες και πιο αποδοτική χρήση των υπαρχόντων πόρων.",
},
];
const analysisItems = [
"Πώς έρχονται σήμερα οι νέοι πελάτες και ποια κανάλια φέρνουν πραγματικό ενδιαφέρον.",
"Πώς καταγράφονται οι ενδιαφερόμενοι και αν υπάρχουν ευκαιρίες για πιο άμεσο follow-up.",
"Πώς οργανώνεται το πελατολόγιο και αν υπάρχει εικόνα συχνότητας, ιστορικού και αξίας πελάτη.",
"Πώς λειτουργεί η ομάδα, ποιος κάνει τι και πώς μπορεί να βελτιωθεί ο εσωτερικός συντονισμός.",
"Πώς αποτυπώνονται καθημερινές εργασίες, εκκρεμότητες, ρόλοι και reports προόδου.",
"Ποιες υπηρεσίες έχουν μεγαλύτερη ζήτηση και ποιες έχουν μεγαλύτερο περιθώριο ανάπτυξης.",
"Ποια είναι η τρέχουσα οικονομική εικόνα σε έσοδα, έξοδα, κερδοφορία και βασικούς δείκτες.",
"Ποιες διαδικασίες μπορούν να υποστηριχθούν από τεχνολογία, CRM ή AI εργαλεία χωρίς να γίνει η λειτουργία πιο περίπλοκη.",
];
const benefits = [
"Πιο καθαρή εικόνα λειτουργίας",
"Καλύτερη οργάνωση πελατών και εργασιών",
"Πιο συστηματικό follow-up",
"Βελτίωση συντονισμού ομάδας",
"Οικονομική εικόνα και δείκτες κερδοφορίας",
"Πρακτικό πλάνο ενεργειών",
];
const processSteps = [
{
number: "01",
title: "Αρχική συζήτηση",
text: "Καταλαβαίνουμε πώς λειτουργεί σήμερα η επιχείρηση και ποιες είναι οι βασικές ανάγκες της.",
},
{
number: "02",
title: "Χαρτογράφηση",
text: "Καταγράφουμε τη ροή πελάτη, υπηρεσίας, ραντεβού, επικοινωνίας, προσωπικού, οικονομικής εικόνας και follow-up.",
},
{
number: "03",
title: "Ανάλυση δεδομένων & προγραμματισμός",
text: "Προχωρούμε σε επεξεργασία και αξιολόγηση δεδομένων, στρατηγική ανάλυση, προγραμματισμό ενεργειών και οργάνωση.",
},
{
number: "04",
title: "Πρόταση βελτίωσης",
text: "Προτείνουμε πρακτικές παρεμβάσεις σε marketing, οργάνωση, πακέτα, προσωπικό, οικονομική παρακολούθηση και διαδικασίες.",
},
{
number: "05",
title: "Στήσιμο συστήματος",
text: "Δημιουργούμε ένα απλό, λειτουργικό σύστημα προσαρμοσμένο στην πραγματική καθημερινή χρήση.",
},
];
const trustCards = [
{
title: "+18 χρόνια εμπειρίας",
text: "Συμβουλευτική υποστήριξη επιχειρήσεων",
},
{
title: "Πολυκλαδική εμπειρία",
text: "ΕΣΠΑ, ISO, δημόσιοι διαγωνισμοί, ψηφιακά εργαλεία",
},
{
title: "Πρακτική προσέγγιση",
text: "Όχι θεωρητικές λύσεις, αλλά εφαρμόσιμα βήματα",
},
];
const SectionIntro = ({
label,
title,
children,
warm = false,
}: {
label: string;
title: string;
children?: React.ReactNode;
warm?: boolean;
}) => (
<div className="mx-auto max-w-3xl text-center">
<div className={`mb-4 ${warm ? warmSectionPillClass : sectionPillClass}`}>
<span
className={`inline-block h-2.5 w-2.5 rounded-full shadow-[0_0_0_4px_rgba(255,255,255,0.72)] ${
warm ? "bg-[#dbc6b2]" : "bg-[#cfd8ec]"
}`}
/>
{label}
</div>
<h2 className="text-3xl font-semibold tracking-tight text-[#101038] sm:text-4xl">
{title}
</h2>
{children && <div className="mt-5 text-lg leading-8 text-[#2f3b59]">{children}</div>}
</div>
);
const PrimaryButton = ({ href, children }: { href: string; children: React.ReactNode }) => (
<a
href={href}
className="inline-flex items-center justify-center gap-2 rounded-full bg-[#101038] px-6 py-3 text-base font-semibold text-white shadow-sm transition hover:-translate-y-0.5 hover:bg-[#1b1b55] hover:shadow-md focus:outline-none focus:ring-2 focus:ring-[#101038] focus:ring-offset-2"
>
{children}
<ArrowRight className="h-4 w-4" />
</a>
);
const SecondaryButton = ({ href, children }: { href: string; children: React.ReactNode }) => (
<a
href={href}
className="inline-flex items-center justify-center gap-2 rounded-full border border-[#cfd8ec] bg-white px-6 py-3 text-base font-semibold text-[#101038] shadow-sm transition hover:-translate-y-0.5 hover:border-[#101038] hover:shadow-md focus:outline-none focus:ring-2 focus:ring-[#101038] focus:ring-offset-2"
>
{children}
</a>
);
export default function EndynamosiAnaptyxiEpixeiriseonPage() {
useEffect(() => {
document.title = "Ενδυνάμωση & Ανάπτυξη Επιχειρήσεων | Blackbird Group";
const description =
"Συμβουλευτική υποστήριξη για αναδιοργάνωση, ανάπτυξη, βελτίωση εργασιών, οικονομική εικόνα, reports, CRM και AI-assisted εργαλεία για επιχειρήσεις.";
let metaDescription = document.querySelector('meta[name="description"]');
if (!metaDescription) {
metaDescription = document.createElement("meta");
metaDescription.setAttribute("name", "description");
document.head.appendChild(metaDescription);
}
metaDescription.setAttribute("content", description);
}, []);
return (
<main className="min-h-screen bg-white font-sans text-[#26324f] antialiased">
<section className="relative overflow-hidden border-b border-[#e8edf7] bg-gradient-to-b from-white via-[#f7f9fd] to-white">
<div className="absolute left-1/2 top-0 h-[520px] w-[520px] -translate-x-1/2 rounded-full bg-blue-100/35 blur-3xl" />
<div className="relative mx-auto max-w-7xl px-5 py-10 sm:px-6 lg:px-8 lg:py-16">
<nav className="mb-10 text-sm font-medium text-[#53617d]" aria-label="Breadcrumb">
<a href="/" className="hover:text-[#101038]">
Αρχική
</a>
<span className="mx-2 text-[#aeb8cf]">/</span>
<span className="text-[#101038]">Ενδυνάμωση & Ανάπτυξη Επιχειρήσεων</span>
</nav>
<div className="grid items-center gap-10 lg:grid-cols-[1.1fr_0.9fr]">
<div>
<div className={`mb-6 ${sectionPillClass}`}>
<Sparkles className="h-4 w-4 text-[#7a8bbd]" />
<span>Συμβουλευτικές υπηρεσίες · Οργάνωση · Ανάπτυξη · AI εργαλεία</span>
</div>
<h1 className="max-w-4xl text-4xl font-semibold leading-tight tracking-tight text-[#101038] sm:text-5xl lg:text-6xl">
Ενδυνάμωση & Ανάπτυξη Επιχειρήσεων για τη Νέα Εποχή
</h1>
<div className="mt-7 max-w-3xl space-y-5 text-lg leading-8 text-[#2f3b59] sm:text-xl sm:leading-9">
<p>
Ο Όμιλος Blackbird κάνει ένα νέο στρατηγικό βήμα εξέλιξης, ενισχύοντας τις υπηρεσίες του στον τομέα της Ενδυνάμωσης & Ανάπτυξης Επιχειρήσεων.
</p>
<p>
Η νέα αυτή υπηρεσία φέρνει στην πράξη τις δυνατότητες της νέας εποχής, αξιοποιώντας εργαλεία οργάνωσης, ανάλυσης δεδομένων και τεχνητής νοημοσύνης για την υποστήριξη της ίδιας της επιχείρησης.
</p>
<p>
Με εξατομικευμένη συμβουλευτική, χαρτογράφηση λειτουργιών, καταγραφή εργασιών, reports και AI-assisted εργαλεία, βοηθάμε την επιχείρηση να οργανωθεί καλύτερα, να παρακολουθεί πιο καθαρά την απόδοσή της και να σχεδιάζει τα επόμενα βήματα ανάπτυξης.
</p>
</div>
<div className="mt-8 flex flex-col gap-3 sm:flex-row">
<PrimaryButton href={`mailto:${contact.email}?subject=Ενδυνάμωση & Ανάπτυξη Επιχειρήσεων`}>
Συζητήστε με σύμβουλο
</PrimaryButton>
<SecondaryButton href="tel:+302108028330">
<Phone className="h-4 w-4" />
Καλέστε μας
</SecondaryButton>
</div>
</div>
<aside className="rounded-[2rem] border border-[#dfe6f4] bg-white p-6 shadow-[0_24px_70px_rgba(16,16,56,0.08)] sm:p-8">
<div className="mb-6 flex items-center gap-3">
<div className="flex h-12 w-12 items-center justify-center rounded-2xl bg-[#101038] text-white">
<Target className="h-6 w-6" />
</div>
<div>
<p className="text-sm font-semibold uppercase tracking-[0.18em] text-[#6b7895]">
Business growth framework
</p>
<h2 className="text-xl font-semibold text-[#101038]">Στρατηγική εικόνα υπηρεσίας</h2>
</div>
</div>
<div className="space-y-4">
{heroStats.map((item) => (
<div
key={item.label}
className="rounded-2xl border border-[#e4eaf5] bg-[linear-gradient(180deg,rgba(249,251,255,1)_0%,rgba(255,255,255,1)_50%,rgba(244,247,252,1)_100%)] p-4 shadow-[inset_0_1px_0_rgba(255,255,255,0.9)]"
>
<p className="mb-1 text-sm font-semibold text-[#53617d]">{item.label}</p>
<p className="text-base font-semibold leading-7 text-[#101038]">{item.value}</p>
</div>
))}
</div>
</aside>
</div>
</div>
</section>
<section className="px-5 py-16 sm:px-6 lg:px-8 lg:py-24">
<div className="mx-auto max-w-7xl">
<SectionIntro label="01 · Η υπηρεσία" title="Τι αφορά η Ενδυνάμωση & Ανάπτυξη Επιχειρήσεων">
<p>
Η υπηρεσία αφορά την ουσιαστική αποτύπωση, οργάνωση και βελτίωση της καθημερινής λειτουργίας μιας επιχείρησης. Δεν ξεκινάμε από ένα έτοιμο εργαλείο ή από μια τυποποιημένη λύση. Ξεκινάμε από την πραγματική εικόνα της επιχείρησης: πώς λειτουργεί σήμερα, πώς προσεγγίζει πελάτες, πώς οργανώνει την ομάδα της, πώς παρακολουθεί εργασίες και πώς μπορεί να αξιοποιήσει καλύτερα τα δεδομένα και την τεχνολογία.
</p>
<p className="mt-4">
Στόχος είναι να δημιουργηθεί ένα πρακτικό πλάνο βελτίωσης, προσαρμοσμένο στο μέγεθος, τον κλάδο, τις ανάγκες και τις προτεραιότητες κάθε επιχείρησης.
</p>
</SectionIntro>
<div className="mt-12 grid gap-5 lg:grid-cols-3">
{serviceCards.map((card) => {
const Icon = card.icon;
return (
<article
key={card.title}
className="group relative overflow-hidden rounded-[1.5rem] border border-[#dfe6f4] bg-white p-6 shadow-[0_14px_40px_rgba(16,16,56,0.055)] transition hover:-translate-y-1 hover:shadow-[0_22px_55px_rgba(16,16,56,0.10)]"
>
<div className="pointer-events-none absolute -right-12 -top-12 h-32 w-32 rounded-full bg-blue-50/80 blur-2xl transition group-hover:bg-blue-100/70" />
<div className="relative mb-5 flex h-12 w-12 items-center justify-center rounded-2xl bg-[#f4f7fc] text-[#101038]">
<Icon className="h-6 w-6" />
</div>
<h3 className="relative text-xl font-semibold text-[#101038]">{card.title}</h3>
<p className="relative mt-3 text-base leading-7 text-[#2f3b59]">{card.text}</p>
</article>
);
})}
</div>
</div>
</section>
<section className="bg-[#f7f9fd] px-5 py-16 sm:px-6 lg:px-8 lg:py-24">
<div className="mx-auto max-w-7xl">
<SectionIntro label="02 · Πεδία υποστήριξης" title="Πού μπορούμε να συμβάλουμε στην πράξη">
<p>
Εξετάζουμε την επιχείρηση συνολικά, ώστε να υπάρχει καθαρή εικόνα για την καθημερινή λειτουργία, το πελατολόγιο, την ομάδα, τις διαδικασίες, την εμπορική ανάπτυξη και τα σημεία που μπορούν να βελτιωθούν.
</p>
</SectionIntro>
<div className="mt-12 grid gap-5 md:grid-cols-2 xl:grid-cols-4">
{supportCards.map((card, index) => (
<article
key={card.title}
className="group relative overflow-hidden rounded-[1.5rem] border border-[#dbe2f1] bg-[linear-gradient(180deg,rgba(248,250,254,1)_0%,rgba(255,255,255,1)_50%,rgba(241,245,251,1)_100%)] p-6 shadow-[inset_0_1px_0_rgba(255,255,255,0.9),0_14px_40px_rgba(16,16,56,0.06)] transition hover:-translate-y-1 hover:border-[#ccd8ed] hover:shadow-[inset_0_1px_0_rgba(255,255,255,0.95),0_24px_58px_rgba(16,16,56,0.105)]"
>
<div className="pointer-events-none absolute -right-10 -top-10 h-28 w-28 rounded-full bg-white/80 blur-2xl transition group-hover:bg-white" />
<div className="pointer-events-none absolute inset-x-0 top-0 h-px bg-gradient-to-r from-transparent via-white to-transparent" />
<div className="relative mb-4 inline-flex rounded-full border border-white/80 bg-white/75 px-3 py-1 text-sm font-bold text-[#6b7895] shadow-sm backdrop-blur">
{String(index + 1).padStart(2, "0")}
</div>
<h3 className="relative text-lg font-semibold leading-7 text-[#101038]">{card.title}</h3>
<p className="relative mt-3 text-base leading-7 text-[#2f3b59]">{card.text}</p>
</article>
))}
</div>
</div>
</section>
<section className="px-5 py-16 sm:px-6 lg:px-8 lg:py-24">
<div className="mx-auto max-w-7xl">
<SectionIntro label="03 · Ανάλυση λειτουργίας" title="Τι εξετάζουμε στην πράξη" warm />
<div className="mx-auto mt-14 max-w-5xl">
<div className="relative">
<div className="absolute left-5 top-0 hidden h-full w-px bg-gradient-to-b from-[#e5ded7] via-[#dbe2f1] to-[#e5ded7] md:block" />
<div className="grid gap-8 md:grid-cols-2 md:gap-x-14 md:gap-y-10">
{analysisItems.map((item, index) => (
<div key={item} className="relative flex gap-4 md:pl-10">
<div className="flex h-11 w-11 flex-none items-center justify-center rounded-full border border-[#e5ded7] bg-[linear-gradient(180deg,rgba(249,247,244,1)_0%,rgba(255,255,255,1)_55%,rgba(245,241,236,1)_100%)] text-sm font-bold text-[#101038] shadow-[0_10px_28px_rgba(16,16,56,0.07)]">
{String(index + 1).padStart(2, "0")}
</div>
<p className="pt-1 text-base leading-8 text-[#2f3b59]">{item}</p>
</div>
))}
</div>
</div>
</div>
</div>
</section>
<section className="bg-[#101038] px-5 py-16 text-white sm:px-6 lg:px-8 lg:py-24">
<div className="mx-auto max-w-7xl">
<div className="grid gap-10 lg:grid-cols-[0.95fr_1.05fr] lg:items-center">
<div>
<div className="mb-4 inline-flex items-center gap-2 rounded-[1.15rem] border border-white/15 bg-white/10 px-5 py-3 text-sm font-semibold text-white/90 shadow-[inset_0_1px_0_rgba(255,255,255,0.12),0_12px_28px_rgba(0,0,0,0.12)]">
<span className="inline-block h-2.5 w-2.5 rounded-full bg-white/45 shadow-[0_0_0_4px_rgba(255,255,255,0.08)]" />
04 · Στόχος της προσέγγισης
</div>
<h2 className="text-3xl font-semibold tracking-tight sm:text-4xl">
Καλύτερη εικόνα, καλύτερη οργάνωση, περισσότερη ανάπτυξη
</h2>
<div className="mt-6 space-y-5 text-lg leading-8 text-white/86">
<p>
Η δική μας δουλειά είναι να βοηθήσουμε την επιχείρηση να δει πιο καθαρά πού βρίσκεται σήμερα και πού μπορεί να πάει. Με βάση αυτή την εικόνα, σχεδιάζουμε μια πρακτική πρόταση οργάνωσης και ανάπτυξης.
</p>
<p>
Η πρόταση μπορεί να περιλαμβάνει marketing, CRM, AI εργαλεία, εσωτερικές διαδικασίες, πακέτα υπηρεσιών, follow-up flows, οικονομική παρακολούθηση, reports και καλύτερη αποτύπωση της καθημερινότητας.
</p>
</div>
</div>
<div className="grid gap-4 sm:grid-cols-2">
{benefits.map((benefit) => (
<div key={benefit} className="flex items-start gap-3 rounded-2xl border border-white/12 bg-white/[0.07] p-5 shadow-[inset_0_1px_0_rgba(255,255,255,0.08)]">
<CheckCircle2 className="mt-0.5 h-5 w-5 flex-none text-white" />
<p className="text-base font-semibold leading-7 text-white/94">{benefit}</p>
</div>
))}
</div>
</div>
</div>
</section>
<section className="px-5 py-16 sm:px-6 lg:px-8 lg:py-24">
<div className="mx-auto max-w-7xl">
<div className="grid gap-10 lg:grid-cols-[0.95fr_1.05fr] lg:items-start">
<div>
<div className={`mb-4 ${sectionPillClass}`}>
<span className="inline-block h-2.5 w-2.5 rounded-full bg-[#cfd8ec] shadow-[0_0_0_4px_rgba(255,255,255,0.72)]" />
05 · Σύγχρονα εργαλεία
</div>
<h2 className="text-3xl font-semibold tracking-tight text-[#101038] sm:text-4xl">
AI-assisted εργαλεία και reports προσαρμοσμένα στην κάθε επιχείρηση
</h2>
<div className="mt-6 space-y-5 text-lg leading-8 text-[#2f3b59]">
<p>
Η συμβουλευτική υποστήριξη συνδυάζεται με εργαλεία οργάνωσης, τα οποία εξειδικεύονται ανά περίπτωση: CRM, καταγραφή εργασιών, παρακολούθηση πελατών, αξιοποίηση δεδομένων, AI-assisted λειτουργίες και reports διοίκησης.
</p>
<p>
Η τεχνολογία δεν αντιμετωπίζεται ως αυτοσκοπός. Έχει αξία όταν βοηθά την επιχείρηση να λειτουργεί πιο καθαρά, να μειώνει τον χαμένο χρόνο, να βελτιώνει την εξυπηρέτηση και να λαμβάνει πιο οργανωμένες αποφάσεις.
</p>
</div>
</div>
<aside className="rounded-[2rem] border border-[#dfe6f4] bg-[linear-gradient(180deg,rgba(248,250,254,1)_0%,rgba(255,255,255,1)_50%,rgba(241,245,251,1)_100%)] p-7 shadow-[inset_0_1px_0_rgba(255,255,255,0.95),0_24px_70px_rgba(16,16,56,0.08)]">
<div className="mb-5 flex h-14 w-14 items-center justify-center rounded-2xl bg-[#101038] text-white">
<BrainCircuit className="h-7 w-7" />
</div>
<p className="mb-3 text-sm font-semibold uppercase tracking-[0.18em] text-[#6b7895]">Business tool example</p>
<h3 className="text-2xl font-semibold text-[#101038]">Ένα πρακτικό παράδειγμα εργαλείου: BUP.GR</h3>
<div className="mt-5 space-y-4 text-base leading-7 text-[#2f3b59]">
<p>
Μπορείτε να δείτε άμεσα το www.bup.gr, ως ένα από τα εργαλεία επιχειρηματικής οργάνωσης που μπορούν να αξιοποιηθούν στο πλαίσιο αυτής της προσέγγισης.
</p>
<p>
Το BUP.GR μπορεί να συμβάλει στην καταγραφή πελατών, έργων, ενεργειών και καθημερινών εργασιών, προσφέροντας μια πιο συγκροτημένη εικόνα της επιχειρηματικής δραστηριότητας.
</p>
</div>
<a
href=""
<ExternalLink className="h-4 w-4" />
<section className="relative overflow-hidden bg-[#f7f9fd] px-5 py-16 sm:px-6 lg:px-8 lg:py-24">
<div className="relative mx-auto max-w-7xl">
<SectionIntro label="06 · Μεθοδολογία" title="Πώς ξεκινάμε" />
<div className="relative mt-14">
<div className="grid gap-5 lg:grid-cols-5">
<h3 className="relative text-lg font-semibold leading-7 text-[#101038]">{step.title}</h3>
<p className="relative mt-3 text-base leading-7 text-[#2f3b59]">{step.text}</p>
<section className="px-5 py-16 sm:px-6 lg:px-8 lg:py-24">
<div className="mx-auto max-w-7xl">
<div className="grid gap-10 lg:grid-cols-[0.9fr_1.1fr] lg:items-center">
<div key={card.title} className="rounded-2xl border border-[#e4eaf5] bg-[#f8fafd] p-5">
<h3 className="text-xl font-semibold text-[#101038]">{card.title}</h3>
<p className="mt-2 text-base leading-7 text-[#2f3b59]">{card.text}</p>
<div className={`mb-4 ${sectionPillClass}`}>
<h2 className="text-3xl font-semibold tracking-tight text-[#101038] sm:text-4xl">
Συμβουλευτική εμπειρία, τεχνολογία και πρακτική επιχειρηματική καθοδήγηση
<div className="mt-6 space-y-5 text-lg leading-8 text-[#2f3b59]">
<section className="px-5 pb-16 sm:px-6 lg:px-8 lg:pb-24">
<div className="grid gap-8 lg:grid-cols-[1.1fr_0.9fr] lg:items-center">
<h2 className="text-3xl font-semibold tracking-tight sm:text-4xl">
Θέλετε να οργανώσουμε καλύτερα την επιχείρησή σας;
<p className="mt-5 max-w-3xl text-lg leading-8 text-white/86">
<div className="mt-8 flex flex-col gap-3 sm:flex-row">
href={`mailto:${contact.email}?subject=Ενδυνάμωση & Ανάπτυξη Επιχειρήσεων`}
<ArrowRight className="h-4 w-4" />
<p className="mb-4 text-sm font-semibold uppercase tracking-[0.18em] text-white/62">Επικοινωνία</p>
<div className="space-y-3 text-lg font-semibold leading-8">
<a href="tel:+302108028330" className="block text-white hover:text-white/82">
<a href="tel:+302810823002" className="block text-white hover:text-white/82">
<a href={`mailto:${contact.email}`} className="block text-white hover:text-white/82">
BLOG ΕΣΠΑ
