393 lines
12 KiB
TypeScript
393 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
|
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import { CheckCircle, DollarSign, Globe, Star, Target } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="none"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="metallic"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Services",
|
|
id: "#services",
|
|
},
|
|
{
|
|
name: "References",
|
|
id: "#references",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "#contact",
|
|
},
|
|
]}
|
|
brandName="Flybuilt"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDoubleCarousel
|
|
background={{
|
|
variant: "radial-gradient",
|
|
}}
|
|
title="Amerikai minőségű digitális megoldások"
|
|
description="Full-service AI ügynökség Floridából magyar vállalkozásoknak. Weboldal, chatbot, lead generálás."
|
|
leftCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/person-working-animation-porject_23-2149269908.jpg",
|
|
imageAlt: "Tech Dashboard",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/route-map-tablet-screen_23-2152001524.jpg",
|
|
imageAlt: "Global Business",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/finger-pressing-button-air_1134-102.jpg",
|
|
imageAlt: "AI Icon",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/female-osteopath-discusses-about-spinal-cord-tension-diagnosis-elderly-people_482257-112736.jpg",
|
|
imageAlt: "Tablet UI",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/phone-with-ai-chat_1268-21801.jpg",
|
|
imageAlt: "Chatbot",
|
|
},
|
|
]}
|
|
rightCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/route-map-tablet-screen_23-2152001524.jpg",
|
|
imageAlt: "Digital World",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/person-working-animation-porject_23-2149269908.jpg",
|
|
imageAlt: "Analytics",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/phone-with-ai-chat_1268-21801.jpg",
|
|
imageAlt: "AI Mobile",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/finger-pressing-button-air_1134-102.jpg",
|
|
imageAlt: "Neural Net",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/female-osteopath-discusses-about-spinal-cord-tension-diagnosis-elderly-people_482257-112736.jpg",
|
|
imageAlt: "Interface",
|
|
},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Hívjon most",
|
|
href: "tel:+36304245394",
|
|
},
|
|
{
|
|
text: "Időpontfoglalás",
|
|
href: "#contact",
|
|
},
|
|
]}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/handsome-happy-bearded-man_74855-2827.jpg",
|
|
alt: "User 1",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/handsome-happy-bearded-man_74855-2827.jpg",
|
|
alt: "User 2",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/handsome-happy-bearded-man_74855-2827.jpg",
|
|
alt: "User 3",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/handsome-happy-bearded-man_74855-2827.jpg",
|
|
alt: "User 4",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/handsome-happy-bearded-man_74855-2827.jpg",
|
|
alt: "User 5",
|
|
},
|
|
]}
|
|
marqueeItems={[
|
|
{
|
|
type: "image",
|
|
src: "http://img.b2bpic.net/free-photo/finger-pressing-button-air_1134-102.jpg",
|
|
alt: "Logo 1",
|
|
},
|
|
{
|
|
type: "image",
|
|
src: "http://img.b2bpic.net/free-photo/female-osteopath-discusses-about-spinal-cord-tension-diagnosis-elderly-people_482257-112736.jpg",
|
|
alt: "Logo 2",
|
|
},
|
|
{
|
|
type: "image",
|
|
src: "http://img.b2bpic.net/free-photo/phone-with-ai-chat_1268-21801.jpg",
|
|
alt: "Logo 3",
|
|
},
|
|
{
|
|
type: "image",
|
|
src: "http://img.b2bpic.net/free-photo/person-working-animation-porject_23-2149269908.jpg",
|
|
alt: "Logo 4",
|
|
},
|
|
{
|
|
type: "image",
|
|
src: "http://img.b2bpic.net/free-photo/route-map-tablet-screen_23-2152001524.jpg",
|
|
alt: "Logo 5",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureBento
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Weboldal készítés",
|
|
description: "Gyors, SEO-optimalizált, konvertáló weboldalak.",
|
|
bentoComponent: "reveal-icon",
|
|
icon: Globe,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/person-working-animation-porject_23-2149269908.jpg",
|
|
imageAlt: "modern software dashboard",
|
|
},
|
|
{
|
|
title: "AI Chatbot",
|
|
description: "0-24 órás ügyfélkiszolgálás és lead kvalifikáció.",
|
|
bentoComponent: "reveal-icon",
|
|
icon: Star,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/route-map-tablet-screen_23-2152001524.jpg",
|
|
imageAlt: "global business network",
|
|
},
|
|
{
|
|
title: "Lead Generálás",
|
|
description: "Magas konverziójú landing oldalak és automatizáció.",
|
|
bentoComponent: "reveal-icon",
|
|
icon: Target,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/finger-pressing-button-air_1134-102.jpg",
|
|
imageAlt: "ai technology icon",
|
|
},
|
|
]}
|
|
title="Professzionális AI megoldások"
|
|
description="A legjobb eszközöket használjuk projektjeidhez, nemzetközi standardok szerint."
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentySix
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Teljes körű analitika",
|
|
description: "Valós idejű dashboard a kampányokhoz.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/finger-pressing-button-air_1134-102.jpg",
|
|
buttonIcon: "BarChart3",
|
|
},
|
|
{
|
|
title: "Időpontfoglalás",
|
|
description: "Automatikus naptár szinkronizálás.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/female-osteopath-discusses-about-spinal-cord-tension-diagnosis-elderly-people_482257-112736.jpg",
|
|
buttonIcon: "Calendar",
|
|
},
|
|
{
|
|
title: "Email automatizáció",
|
|
description: "Professzionális email marketing eszközök.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/phone-with-ai-chat_1268-21801.jpg",
|
|
buttonIcon: "Mail",
|
|
},
|
|
]}
|
|
title="Go High Level Szolgáltatások"
|
|
description="Kiemelt magyar support a világ legfejlettebb marketing platformjához."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
useInvertedBackground={false}
|
|
testimonial="Nagyon remek csapat, szuperül lehet velük ötletelni! Alig várom, hogy lássam a kész weboldalamat!"
|
|
rating={5}
|
|
author="Márta Szederkényiné Horváth"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/handsome-happy-bearded-man_74855-2827.jpg",
|
|
alt: "Client 1",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/handsome-happy-bearded-man_74855-2827.jpg",
|
|
alt: "Client 2",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/handsome-happy-bearded-man_74855-2827.jpg",
|
|
alt: "Client 3",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/handsome-happy-bearded-man_74855-2827.jpg",
|
|
alt: "Client 4",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/handsome-happy-bearded-man_74855-2827.jpg",
|
|
alt: "Client 5",
|
|
},
|
|
]}
|
|
ratingAnimation="blur-reveal"
|
|
avatarsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "1",
|
|
value: "5.0",
|
|
title: "Google Rating",
|
|
description: "Ügyfél elégedettség",
|
|
icon: Star,
|
|
},
|
|
{
|
|
id: "2",
|
|
value: "500+",
|
|
title: "Projektek",
|
|
description: "Sikeresen megvalósított projekt",
|
|
icon: CheckCircle,
|
|
},
|
|
{
|
|
id: "3",
|
|
value: "380M Ft",
|
|
title: "Budget",
|
|
description: "Kezelt hirdetési keret 2025",
|
|
icon: DollarSign,
|
|
},
|
|
]}
|
|
title="Eredményeink számokban"
|
|
description="Több éves tapasztalat, nemzetközi szakértelem."
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardFive
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
team={[
|
|
{
|
|
id: "1",
|
|
name: "Vedres Tamás",
|
|
role: "AI szakértő, Cégvezető",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6551.jpg",
|
|
},
|
|
]}
|
|
title="A csapat mögött"
|
|
description="Amerikai tech startup kultúra innovációja magyar vállalkozásoknak."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "1",
|
|
title: "Milyen technológiákat használtok?",
|
|
content: "Go High Level, WordPress, AI eszközök, Meta és Google hirdetési platformok.",
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Mennyi idő egy weboldal készítése?",
|
|
content: "Projektfüggő, általában 2-4 hét.",
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Hogyan dolgozunk?",
|
|
content: "100% online, folyamatos riportálással.",
|
|
},
|
|
]}
|
|
title="Gyakori kérdések"
|
|
faqsAnimation="blur-reveal"
|
|
description="Minden, amit tudnod kell a közös munkáról."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "radial-gradient",
|
|
}}
|
|
tag="Kapcsolat"
|
|
title="Kezdjünk el építeni!"
|
|
description="Hívd Tamást most vagy írj nekünk!"
|
|
buttons={[
|
|
{
|
|
text: "Hívás indítása",
|
|
href: "tel:+36304245394",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "Szolgáltatások",
|
|
items: [
|
|
{
|
|
label: "Weboldal készítés",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "AI Chatbot",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Kapcsolat",
|
|
items: [
|
|
{
|
|
label: "hello@flybuilt.hu",
|
|
href: "mailto:hello@flybuilt.hu",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Flybuilt"
|
|
copyrightText="© 2025 Flybuilt Inc. Minden jog fenntartva."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|