Update src/app/page.tsx
This commit is contained in:
292
src/app/page.tsx
292
src/app/page.tsx
@@ -12,7 +12,7 @@ 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";
|
||||
import { CheckCircle, DollarSign, Globe, Star, Target, BarChart3, Calendar, Mail } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -24,7 +24,7 @@ export default function LandingPage() {
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="metallic"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
@@ -33,17 +33,11 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "References",
|
||||
id: "#references",
|
||||
},
|
||||
name: "References", id: "#references"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Flybuilt"
|
||||
/>
|
||||
@@ -52,145 +46,46 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
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?_wi=1",
|
||||
imageAlt: "Tech Dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/route-map-tablet-screen_23-2152001524.jpg?_wi=1",
|
||||
imageAlt: "Global Business",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/finger-pressing-button-air_1134-102.jpg?_wi=1",
|
||||
imageAlt: "AI Icon",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-osteopath-discusses-about-spinal-cord-tension-diagnosis-elderly-people_482257-112736.jpg?_wi=1",
|
||||
imageAlt: "Tablet UI",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/phone-with-ai-chat_1268-21801.jpg?_wi=1",
|
||||
imageAlt: "Chatbot",
|
||||
},
|
||||
{ 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?_wi=2",
|
||||
imageAlt: "Digital World",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-working-animation-porject_23-2149269908.jpg?_wi=2",
|
||||
imageAlt: "Analytics",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/phone-with-ai-chat_1268-21801.jpg?_wi=2",
|
||||
imageAlt: "AI Mobile",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/finger-pressing-button-air_1134-102.jpg?_wi=2",
|
||||
imageAlt: "Neural Net",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-osteopath-discusses-about-spinal-cord-tension-diagnosis-elderly-people_482257-112736.jpg?_wi=2",
|
||||
imageAlt: "Interface",
|
||||
},
|
||||
{ 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",
|
||||
},
|
||||
{ text: "Hívjon most", href: "tel:+36304245394" },
|
||||
{ text: "Időpontfoglalás", href: "#contact" }
|
||||
]}
|
||||
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",
|
||||
},
|
||||
{ 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
|
||||
animationType="slide-up"
|
||||
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?_wi=3",
|
||||
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?_wi=3",
|
||||
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?_wi=3",
|
||||
imageAlt: "ai technology icon",
|
||||
},
|
||||
{ title: "Weboldal készítés", description: "Gyors, SEO-optimalizált, konvertáló weboldalak.", bentoComponent: "reveal-icon", icon: Globe },
|
||||
{ title: "AI Chatbot", description: "0-24 órás ügyfélkiszolgálás és lead kvalifikáció.", bentoComponent: "reveal-icon", icon: Star },
|
||||
{ title: "Lead Generálás", description: "Magas konverziójú landing oldalak és automatizáció.", bentoComponent: "reveal-icon", icon: Target }
|
||||
]}
|
||||
title="Professzionális AI megoldások"
|
||||
description="A legjobb eszközöket használjuk projektjeidhez, nemzetközi standardok szerint."
|
||||
@@ -202,24 +97,9 @@ export default function LandingPage() {
|
||||
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?_wi=4",
|
||||
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?_wi=3",
|
||||
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?_wi=3",
|
||||
buttonIcon: "Mail",
|
||||
},
|
||||
{ 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."
|
||||
@@ -233,26 +113,11 @@ export default function LandingPage() {
|
||||
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",
|
||||
},
|
||||
{ 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"
|
||||
@@ -266,27 +131,9 @@ export default function LandingPage() {
|
||||
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,
|
||||
},
|
||||
{ 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."
|
||||
@@ -299,12 +146,7 @@ export default function LandingPage() {
|
||||
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",
|
||||
},
|
||||
{ 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."
|
||||
@@ -316,21 +158,9 @@ export default function LandingPage() {
|
||||
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.",
|
||||
},
|
||||
{ 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"
|
||||
@@ -341,18 +171,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
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",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Hívás indítása", href: "tel:+36304245394" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -360,27 +183,14 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Szolgáltatások",
|
||||
items: [
|
||||
{
|
||||
label: "Weboldal készítés",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "AI Chatbot",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
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",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Kapcsolat", items: [{ label: "hello@flybuilt.hu", href: "mailto:hello@flybuilt.hu" }]
|
||||
}
|
||||
]}
|
||||
logoText="Flybuilt"
|
||||
copyrightText="© 2025 Flybuilt Inc. Minden jog fenntartva."
|
||||
@@ -389,4 +199,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user