Files
c9b7264b-1fcf-41ca-bc53-e61…/src/app/page.tsx
2026-03-10 17:10:57 +00:00

463 lines
24 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
"use client";
import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import SplitAbout from "@/components/sections/about/SplitAbout";
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Zap, Target, Rocket, Sparkles, BarChart3 } from "lucide-react";
export default function HomePage() {
const navItems = [
{ name: "How It Works / Ako to funguje", id: "how-it-works" },
{ name: "Services / Služby", id: "services" },
{ name: "Portfolio / Portfólio", id: "portfolio" },
{ name: "Pricing / Ceny", id: "pricing" },
{ name: "Contact / Kontakt", id: "contact" },
];
const footerColumns = [
{
title: "Product / Produkt",
items: [
{ label: "Web Builder / Tvorca Webov", href: "#web-builder" },
{ label: "Creative Services / Kreatívne Služby", href: "#services" },
{ label: "AI Marketing / AI Marketing", href: "#ai-marketing" },
{ label: "Pricing / Ceny", href: "/pricing" },
],
},
{
title: "Company / Spoločnosť",
items: [
{ label: "About / O Nás", href: "/about" },
{ label: "Team / Tím", href: "#portfolio" },
{ label: "Blog / Blog", href: "https://blog.aura.ai" },
{ label: "Careers / Kariéra", href: "https://careers.aura.ai" },
],
},
{
title: "Resources / Zdroje",
items: [
{ label: "Documentation / Dokumentácia", href: "https://docs.aura.ai" },
{ label: "API Reference / API Referencia", href: "https://api.aura.ai" },
{ label: "Support / Podpora", href: "https://support.aura.ai" },
{ label: "Community / Komunita", href: "https://community.aura.ai" },
],
},
{
title: "Legal / Právne",
items: [
{ label: "Privacy Policy / Politika Ochrany", href: "/privacy" },
{ label: "Terms of Service / Podmienky Služby", href: "/terms" },
{ label: "Cookie Policy / Politika Cookies", href: "/cookies" },
{ label: "Contact / Kontakt", href: "/contact" },
],
},
];
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="small"
sizing="largeSizeMediumTitles"
background="circleGradient"
cardStyle="solid"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="glass"
headingFontWeight="bold"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="Aura"
navItems={navItems}
button={{
text: "Get Started / Začať",
href: "#pricing",
}}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
title="Build your digital aura with AI / Vytvorte si digitálnu auru s AI"
description="AI-powered platform for websites, creative services, and marketing. Transform your vision into reality with Aura's complete ecosystem. / Platforma poháňaná AI pre webové stránky, kreatívne služby a marketing. Premeňte svoju víziu na realitu s kompletným ekosystémom Aury."
tag="AI Ecosystem / AI Ekosystém"
tagIcon={Zap}
background={{ variant: "glowing-orb" }}
buttons={[
{
text: "Get Started / Začať",
href: "/pricing",
},
{
text: "Learn More / Zistiť viac",
href: "#how-it-works",
},
]}
mediaItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlBnsBj6EeBMKdvTCuV7kS0Cn2/modern-ai-dashboard-interface-showing-we-1773162535354-b8923c37.png",
imageAlt: "Aura AI Dashboard Preview / Náhľad Aura AI Dashboardu",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlBnsBj6EeBMKdvTCuV7kS0Cn2/abstract-ai-inspired-geometric-shapes-an-1773162535426-cfcaf7ef.png",
imageAlt: "AI Ecosystem Visualization / Vizualizácia AI Ekosystému",
},
]}
rating={5}
ratingText="Trusted by creative teams worldwide / Dôverujú nám kreatívne tímy na celom svete"
buttonAnimation="slide-up"
mediaAnimation="blur-reveal"
/>
</div>
<div id="how-it-works" data-section="how-it-works">
<FeatureCardTwentyThree
title="How Aura Works / Ako Aura funguje"
description="Three-step AI workflow that transforms your creative vision into reality. Seamless integration of website building, creative services, and marketing automation. / Trojkrokový AI pracovný tok, ktorý premeňuje vašu kreativnu víziu na realitu. Bezproblémová integrácia tvorby webových stránok, kreatívnych služieb a automatizácie marketingu."
tag="Workflow / Pracovný tok"
features={[
{
id: "1",
title: "AI Website Creation - Beginner, Intermediate, Expert / Tvorba webových stránok AI - Začiatočník, Medziľahlý, Expert",
tags: ["Tier-Based / Úrovne", "AI-Assisted / Asistované AI"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlBnsBj6EeBMKdvTCuV7kS0Cn2/simple-clean-ai-website-builder-interfac-1773162534089-713bfe5d.png?_wi=1",
},
{
id: "2",
title: "Creative Services - Photography, Video, Graphics, Marketing / Kreatívne služby - Fotografia, Video, Grafika, Marketing",
tags: ["Individual Pricing / Jednotné ceny", "Professional Team / Odborný tím"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlBnsBj6EeBMKdvTCuV7kS0Cn2/professional-photography-portfolio-showc-1773162537701-36694bd7.png?_wi=1",
},
{
id: "3",
title: "AI Marketing Engine - Campaigns, Content, Strategy / AI Marketingový Engine - Kampane, Obsah, Stratégia",
tags: ["Automation / Automatizácia", "AI-Powered / Poháňane AI"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlBnsBj6EeBMKdvTCuV7kS0Cn2/ai-marketing-engine-dashboard-showing-au-1773162536717-98e28cc3.png?_wi=1",
},
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="web-builder" data-section="web-builder">
<ProductCardOne
title="AI Web Builder Tiers / AI Úrovne Tvorcu Webov"
description="Choose your perfect tier. From beginner-friendly to expert customization, Aura adapts to your needs. Each tier powered by advanced AI personalization and content adaptation. / Vyberte si vašu dokonalú úroveň. Od začiatočníka po expert prispôsobenie, Aura sa prispôsobuje vašim potrebám. Každá úroveň je poháňaná pokročilou AI personalizáciou a prispôsobením obsahu."
tag="Web Builder / Tvorca Webov"
products={[
{
id: "1",
name: "Beginner Tier / Úroveň Začiatočníka",
price: "$29/mo",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlBnsBj6EeBMKdvTCuV7kS0Cn2/simple-clean-ai-website-builder-interfac-1773162534089-713bfe5d.png?_wi=2",
},
{
id: "2",
name: "Intermediate Tier / Medziľahlá Úroveň",
price: "$79/mo",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlBnsBj6EeBMKdvTCuV7kS0Cn2/mid-level-ai-website-builder-interface-w-1773162536186-217b8a65.png",
},
{
id: "3",
name: "Expert Tier / Expert Úroveň",
price: "$199/mo",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlBnsBj6EeBMKdvTCuV7kS0Cn2/advanced-ai-website-builder-for-experts--1773162534203-a5030a9c.png",
},
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="services" data-section="services">
<ProductCardOne
title="Creative Services / Kreatívne Služby"
description="Professional creative services with individual pricing. Work directly with our expert team or leverage AI assistance for accelerated creativity and results. / Profesionálne kreatívne služby s jednotnými cenami. Pracujte priamo s našim odborným tímom alebo využite pomoc AI na zrýchlenie kreativity a výsledkov."
tag="Services / Služby"
products={[
{
id: "1",
name: "Professional Photography / Profesionálna Fotografia",
price: "Custom / Individuálne",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlBnsBj6EeBMKdvTCuV7kS0Cn2/professional-photography-portfolio-showc-1773162537701-36694bd7.png?_wi=2",
},
{
id: "2",
name: "Videography & Editing / Videografia & Strih",
price: "Custom / Individuálne",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlBnsBj6EeBMKdvTCuV7kS0Cn2/professional-videography-service-showcas-1773162538384-9b4fcff4.png?_wi=1",
},
{
id: "3",
name: "Graphic Design / Grafický Dizajn",
price: "Custom / Individuálne",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlBnsBj6EeBMKdvTCuV7kS0Cn2/graphic-design-service-portfolio-showing-1773162537044-50635f22.png?_wi=1",
},
{
id: "4",
name: "AI Marketing Campaigns / AI Marketingové Kampane",
price: "Custom / Individuálne",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlBnsBj6EeBMKdvTCuV7kS0Cn2/digital-marketing-service-portfolio-with-1773162536413-530efd83.png?_wi=1",
},
]}
gridVariant="four-items-2x2-equal-grid"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="ai-marketing" data-section="ai-marketing">
<SplitAbout
title="AI Client Profiling & Marketing Engine / AI Profilovanie Klientov a Marketingový Engine"
description="Powered by NotebookLM-inspired technology. Our AI analyzes your business, understands your clients, and generates personalized marketing strategies that convert. Real-time campaign optimization, social media content generation, and strategic recommendations. / Poháňané technológiou inšpirovanou NotebookLM. Naša AI analyzuje vašu firmu, rozumie vašim klientom a generuje personalizované marketingové stratégie, ktoré konvertujú. Optimalizácia kampane v reálnom čase, generovanie obsahu sociálnych médií a strategické odporúčania."
tag="AI Marketing / AI Marketing"
bulletPoints={[
{
title: "Client Profiling / Profilovanie Klientov",
description: "AI-powered analysis of your target audience and customer behavior patterns. / AI-poháňaná analýza vašej cieľovej skupiny a vzorov správania zákazníkov.",
icon: Target,
},
{
title: "Automated Campaigns / Automatizované Kampane",
description: "Create, launch, and optimize marketing campaigns in seconds. Multi-channel deployment across social media, email, and web. / Vytvárajte, spúšťajte a optimalizujte marketingové kampane v sekundách. Nasadenie na viacerých kanáloch cez sociálne médiá, email a web.",
icon: Rocket,
},
{
title: "Content Generation / Generovanie Obsahu",
description: "AI-generated social media posts, blog content, and creative assets tailored to your brand voice and audience. / AI-generovaný obsah sociálnych médií, blogy a kreatívne aktíva prispôsobené hласу vašej značky a publiku.",
icon: Sparkles,
},
{
title: "Real-Time Analytics / Analýza v Reálnom Čase",
description: "Monitor campaign performance, track ROI, and receive AI-powered optimization recommendations instantly. / Sledujte výkon kampane, sledujte ROI a okamžite dostávajte odporúčania na optimalizáciu poháňané AI.",
icon: BarChart3,
},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlBnsBj6EeBMKdvTCuV7kS0Cn2/ai-marketing-engine-dashboard-showing-au-1773162536717-98e28cc3.png?_wi=2"
imagePosition="right"
textboxLayout="default"
useInvertedBackground={false}
mediaAnimation="blur-reveal"
/>
</div>
<div id="portfolio" data-section="portfolio">
<TeamCardOne
title="Meet Our Creative Team / Poznajte Náš Kreatívny Tím"
description="World-class creative professionals powered by AI. Select individual specialists for collaboration, or leverage the full AI ecosystem for accelerated results. / Svetoví kreatívni profesionáli poháňaní AI. Vyberte si jednotlivých špecijalistov na spoluprácu alebo využite celý AI ekosystém na zrýchlené výsledky."
tag="Team / Tím"
members={[
{
id: "1",
name: "Elena Lukáčová",
role: "Photographer / Fotografka",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlBnsBj6EeBMKdvTCuV7kS0Cn2/professional-portrait-of-creative-team-m-1773162537232-800d56ef.png?_wi=1",
},
{
id: "2",
name: "Marko Vidovič",
role: "Videographer / Videograf",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlBnsBj6EeBMKdvTCuV7kS0Cn2/professional-portrait-of-creative-team-m-1773162537821-862d4367.png?_wi=1",
},
{
id: "3",
name: "Anna Kováčová",
role: "Graphic Designer / Grafická dizajnérka",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlBnsBj6EeBMKdvTCuV7kS0Cn2/professional-portrait-of-creative-team-m-1773162537557-b31bf1f5.png?_wi=1",
},
{
id: "4",
name: "Tomáš Svoboda",
role: "Marketing Specialist / Marketingový špecialista",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlBnsBj6EeBMKdvTCuV7kS0Cn2/professional-portrait-of-creative-team-m-1773162536570-373c75cf.png?_wi=1",
},
{
id: "5",
name: "Lucia Némethová",
role: "AI Specialist / Špecialista na AI",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlBnsBj6EeBMKdvTCuV7kS0Cn2/professional-portrait-of-creative-team-m-1773162532995-906bd381.png?_wi=1",
},
]}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
buttons={[
{
text: "View Portfolio / Zobraziť Portfólio",
href: "/about",
},
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
title="What Our Clients Say / Čo hovoria naši klienti"
description="Trusted by leading brands and startups worldwide. Hear from those who transformed their digital presence with Aura. / Dôveryhodné pre vedúce značky a startupy na celom svete. Ouslite od tých, ktorí transformovali svoju digitálnu prítomnosť s Aurou."
tag="Testimonials / Spätná väzba"
testimonials={[
{
id: "1",
name: "Katarína Horváthová",
role: "CEO",
company: "Creative Agency Pro / Kreatívna Agentúra Pro",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlBnsBj6EeBMKdvTCuV7kS0Cn2/professional-portrait-of-satisfied-clien-1773162534258-97a69b54.png",
},
{
id: "2",
name: "Ján Polák",
role: "Founder",
company: "Digital Startup SK / Digitálny Startup SK",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlBnsBj6EeBMKdvTCuV7kS0Cn2/professional-portrait-of-satisfied-clien-1773162533123-9bdb7907.png",
},
{
id: "3",
name: "Petra Černá",
role: "Marketing Director",
company: "Premium Brands CZ / Prémiové Značky CZ",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlBnsBj6EeBMKdvTCuV7kS0Cn2/professional-testimonial-headshot-entrep-1773162536032-ae05aff4.png",
},
{
id: "4",
name: "Robert Šimko",
role: "Product Manager",
company: "Tech Solutions EU / Tech Riešenia EU",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlBnsBj6EeBMKdvTCuV7kS0Cn2/professional-portrait-of-satisfied-saas--1773162536747-90d23392.png",
},
{
id: "5",
name: "Mária Kováčová",
role: "Creative Lead",
company: "Design Studio Central / Dizajn Štúdio Central",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlBnsBj6EeBMKdvTCuV7kS0Cn2/professional-testimonial-portrait-creati-1773162534369-a632f999.png",
},
{
id: "6",
name: "Vladimír Žák",
role: "Business Consultant",
company: "Enterprise Solutions / Podnikové Riešenia",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlBnsBj6EeBMKdvTCuV7kS0Cn2/professional-headshot-for-saas-testimoni-1773162533482-592b6644.png",
},
]}
kpiItems={[
{ value: "500+", label: "Projects Completed / Ukončené Projekty" },
{ value: "98%", label: "Client Satisfaction / Spokojnosť Klientov" },
{ value: "50+", label: "Creative Professionals / Kreatívni Profesionáli" },
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardThree
title="Choose Your Plan / Vyberte si Svoj Plán"
description="Flexible pricing for every need. From individual creators to enterprise solutions. All plans include AI-powered tools, creative services access, and marketing automation. / Flexibilné ceny pre každú potrebu. Od jednotlivých tvorcov po podnikové riešenia. Všetky plány obsahujú nástroje poháňané AI, prístup ku kreatívnym službám a automatizáciu marketingu."
tag="Pricing / Ceny"
plans={[
{
id: "1",
price: "$29/mo",
name: "Creator / Tvorca",
buttons: [
{ text: "Get Started / Začať", href: "/signup?plan=creator" },
{ text: "Learn More / Zistiť viac", href: "#" },
],
features: [
"AI Website Builder - Beginner Tier / Tvorca Webov - Úroveň Začiatočníka",
"Up to 5 Projects / Až 5 Projektov",
"Basic AI Marketing Tools / Základné AI Marketingové Nástroje",
"Email Support / E-mailová Podpora",
"Community Access / Prístup do Komunity",
],
},
{
id: "2",
badge: "Most Popular / Najpopulárnejší",
badgeIcon: Sparkles,
price: "$99/mo",
name: "Professional / Profesionál",
buttons: [
{ text: "Get Started / Začať", href: "/signup?plan=professional" },
{ text: "Learn More / Zistiť viac", href: "#" },
],
features: [
"AI Website Builder - Intermediate & Expert Tiers / Tvorca Webov - Medziľahlá a Expert Úroveň",
"Unlimited Projects / Neobmedzené Projekty",
"Advanced AI Marketing Engine / Pokročilý AI Marketingový Engine",
"Creative Services Access (10 hours/mo) / Prístup ku Kreatívnym Službám (10 hodín/mesiac)",
"Priority Support / Prioritná Podpora",
"Team Collaboration / Spolupráca Tímu",
],
},
{
id: "3",
price: "$299/mo",
name: "Enterprise / Podnik",
buttons: [
{ text: "Contact Sales / Kontaktujte Predaj", href: "/contact" },
{ text: "Learn More / Zistiť viac", href: "#" },
],
features: [
"Everything in Professional + / Všetko v Profesionáli +",
"Full AI Marketing Suite / Kompletná AI Marketingová Sada",
"Unlimited Creative Services / Neobmedzené Kreatívne Služby",
"AI Telephone Assistant / AI Telefonický Asistent",
"Dedicated Account Manager / Vyhradený Account Manager",
"Custom Integrations / Vlastné Integrácie",
"24/7 Premium Support / 24/7 Prémium Podpora",
],
},
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
tag="Newsletter / Správy"
title="Stay Updated with Aura / Buďte v Aure Aktuálni"
description="Subscribe to get exclusive updates on new AI features, creative tips, marketing insights, and special offers. Bilingual content delivered to your inbox. / Prihláste sa, aby ste dostali exkluzívne aktualizácie o nových funkciách AI, kreatívne tipy, marketingové poznatky a špeciálne ponuky. Dvojjazyčný obsah doručený do vašej schránky."
tagIcon={Sparkles}
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
inputPlaceholder="Enter your email / Zadajte svoj email"
buttonText="Subscribe / Prihlásiť sa"
termsText="We respect your privacy. Unsubscribe anytime. / Rešpektujeme vašu súkromie. Odhláste sa kedykoľvek."
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={footerColumns}
bottomLeftText="© 2024 Aura. All rights reserved. / Všetky práva vyhradené."
bottomRightText="Made with ✨ by Aura Team / Vytvorené s ✨ tímom Aura"
/>
</div>
</ThemeProvider>
);
}