250 lines
17 KiB
TypeScript
250 lines
17 KiB
TypeScript
"use client";
|
|
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import { Award, Lightbulb, Sparkles, Zap, Code, Star, BookOpen, Shield, Mail, ThumbsUp, Heart } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="medium"
|
|
background="fluid"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Karchev"
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Portfolio", id: "portfolio" },
|
|
{ name: "Blog", id: "blog" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{ text: "Get Started", href: "contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
title="Master AI & Transform Industries"
|
|
description="Learn cutting-edge artificial intelligence, machine learning, and deep learning strategies directly from an experienced AI expert. Unlock your potential to build intelligent systems that drive real-world impact."
|
|
tag="AI Knowledge & Expertise"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "fluid" }}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APaxDjsz2piouJVruTMK8ndc3S/a-futuristic-ai-dashboard-interface-show-1772837436913-064eb612.png"
|
|
imageAlt="AI Dashboard Interface"
|
|
buttons={[
|
|
{ text: "Explore Services", href: "services" },
|
|
{ text: "View Portfolio", href: "portfolio" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
tag="About Me"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
title="Passionate about pushing the boundaries of artificial intelligence and helping others master this transformative technology."
|
|
description="Karchev AI Expert"
|
|
subdescription="AI Consultant & Educator"
|
|
icon={Lightbulb}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APaxDjsz2piouJVruTMK8ndc3S/a-professional-portrait-of-an-ai-expert--1772837436980-453405b7.png"
|
|
imageAlt="AI Expert Professional"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardOne
|
|
title="AI Solutions & Services"
|
|
description="Comprehensive AI knowledge spanning machine learning, deep learning, natural language processing, and computer vision."
|
|
tag="Services"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
title: "AI & ML Training", description: "Master fundamental and advanced machine learning concepts, algorithms, and practical implementations.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APaxDjsz2piouJVruTMK8ndc3S/a-visual-representation-of-machine-learn-1772837436789-aa3b9b79.png", imageAlt: "ML Training", button: { text: "Learn More", href: "#" }
|
|
},
|
|
{
|
|
title: "NLP Expertise", description: "Deep dive into natural language processing, language models, text analysis, and conversational AI.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APaxDjsz2piouJVruTMK8ndc3S/natural-language-processing-visualizatio-1772837437344-0e4b8870.png", imageAlt: "NLP Technology", button: { text: "Learn More", href: "#" }
|
|
},
|
|
{
|
|
title: "Computer Vision", description: "Advanced techniques in image recognition, object detection, and visual understanding systems.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APaxDjsz2piouJVruTMK8ndc3S/computer-vision-and-image-recognition-vi-1772837437633-8b6f0c9a.png", imageAlt: "Computer Vision", button: { text: "Learn More", href: "#" }
|
|
},
|
|
{
|
|
title: "AI Strategy & Consulting", description: "Strategic guidance for implementing AI solutions and building intelligent systems for your business.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APaxDjsz2piouJVruTMK8ndc3S/a-visual-representation-of-machine-learn-1772837436789-aa3b9b79.png", imageAlt: "AI Strategy", button: { text: "Learn More", href: "#" }
|
|
}
|
|
]}
|
|
gridVariant="two-columns-alternating-heights"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="portfolio" data-section="portfolio">
|
|
<ProductCardFour
|
|
title="Featured Projects"
|
|
description="Real-world AI implementations showcasing expertise in machine learning, data science, and intelligent systems."
|
|
tag="Portfolio"
|
|
tagIcon={Code}
|
|
tagAnimation="slide-up"
|
|
products={[
|
|
{
|
|
id: "proj-1", name: "AI Recommendation Engine", price: "Enterprise", variant: "Machine Learning · Python · TensorFlow", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APaxDjsz2piouJVruTMK8ndc3S/a-sophisticated-ai-powered-recommendatio-1772837437278-1280b9f7.png", imageAlt: "AI Recommendation System"
|
|
},
|
|
{
|
|
id: "proj-2", name: "Advanced Chatbot Platform", price: "Production", variant: "NLP · Deep Learning · Real-time", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APaxDjsz2piouJVruTMK8ndc3S/an-advanced-chatbot-ai-interface-with-co-1772837437240-80742460.png", imageAlt: "AI Chatbot Interface"
|
|
},
|
|
{
|
|
id: "proj-3", name: "Predictive Analytics Suite", price: "Analytics", variant: "Data Science · Forecasting · BI", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APaxDjsz2piouJVruTMK8ndc3S/a-predictive-analytics-dashboard-showing-1772837437439-6858cbde.png", imageAlt: "Analytics Dashboard"
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
title="Client Success Stories"
|
|
description="See what industry leaders and AI enthusiasts have achieved through expert guidance and knowledge transfer."
|
|
tag="Testimonials"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Chen", role: "CTO", testimonial: "Karchev's expertise in machine learning transformed our product roadmap. His strategic insights helped us implement advanced NLP features that improved our user engagement by 300%.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APaxDjsz2piouJVruTMK8ndc3S/a-professional-headshot-of-a-tech-compan-1772837438531-bb1a36eb.png", imageAlt: "Sarah Chen", icon: ThumbsUp
|
|
},
|
|
{
|
|
id: "2", name: "Marcus Rodriguez", role: "Product Lead", testimonial: "The comprehensive AI training program was exactly what our team needed. Clear explanations, practical examples, and real-world applications made complex concepts accessible.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APaxDjsz2piouJVruTMK8ndc3S/a-professional-headshot-of-a-female-tech-1772837436284-73baf13a.png", imageAlt: "Marcus Rodriguez", icon: Heart
|
|
},
|
|
{
|
|
id: "3", name: "Emily Watson", role: "Data Scientist", testimonial: "Working with Karchev on our computer vision project was enlightening. His hands-on approach and deep technical knowledge accelerated our development timeline significantly.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APaxDjsz2piouJVruTMK8ndc3S/a-professional-headshot-of-a-male-data-s-1772837435886-723c01ac.png", imageAlt: "Emily Watson", icon: Zap
|
|
},
|
|
{
|
|
id: "4", name: "David Park", role: "AI Strategist", testimonial: "Exceptional depth of knowledge combined with the ability to communicate complex AI concepts clearly. Highly recommend for anyone serious about mastering artificial intelligence.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APaxDjsz2piouJVruTMK8ndc3S/a-professional-headshot-of-a-business-co-1772837435996-b95b5ce3.png", imageAlt: "David Park", icon: Award
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="blog" data-section="blog">
|
|
<BlogCardThree
|
|
title="Latest Insights & Articles"
|
|
description="Stay updated with cutting-edge AI trends, research breakthroughs, and practical implementation strategies."
|
|
tag="Blog"
|
|
tagIcon={BookOpen}
|
|
tagAnimation="slide-up"
|
|
blogs={[
|
|
{
|
|
id: "1", category: "Machine Learning", title: "The Future of Transformer Models in AI", excerpt: "Exploring how transformer architectures continue to dominate the AI landscape and what's coming next in large language models.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APaxDjsz2piouJVruTMK8ndc3S/a-vibrant-abstract-representation-of-art-1772837436682-224a2ef3.png", imageAlt: "AI Transformer Models", authorName: "Karchev", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APaxDjsz2piouJVruTMK8ndc3S/a-professional-portrait-of-an-ai-expert--1772837436980-453405b7.png", date: "Jan 28, 2025"
|
|
},
|
|
{
|
|
id: "2", category: "NLP", title: "Building Intelligent Chatbots with NLP", excerpt: "A comprehensive guide to creating conversational AI systems using state-of-the-art natural language processing techniques.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APaxDjsz2piouJVruTMK8ndc3S/a-conceptual-illustration-of-natural-lan-1772837437490-15c231e6.png", imageAlt: "NLP Chatbot Technology", authorName: "Karchev", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APaxDjsz2piouJVruTMK8ndc3S/a-professional-portrait-of-an-ai-expert--1772837436980-453405b7.png", date: "Jan 22, 2025"
|
|
},
|
|
{
|
|
id: "3", category: "Computer Vision", title: "Deep Learning Advances in Visual Recognition", excerpt: "Analyzing recent breakthroughs in computer vision and how they're enabling new applications across industries.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APaxDjsz2piouJVruTMK8ndc3S/a-modern-illustration-of-computer-vision-1772837436867-fb7686ed.png", imageAlt: "Computer Vision Deep Learning", authorName: "Karchev", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APaxDjsz2piouJVruTMK8ndc3S/a-professional-portrait-of-an-ai-expert--1772837436980-453405b7.png", date: "Jan 15, 2025"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="socialproof" data-section="socialproof">
|
|
<SocialProofOne
|
|
title="Trusted by AI Leaders"
|
|
description="Recognized and trusted by companies at the forefront of artificial intelligence innovation."
|
|
tag="Partnerships"
|
|
tagIcon={Shield}
|
|
tagAnimation="slide-up"
|
|
names={["Microsoft", "Google", "Amazon", "NVIDIA", "OpenAI", "Tesla", "DeepMind", "Anthropic"]}
|
|
logos={[
|
|
"http://img.b2bpic.net/free-vector/cloud-logo-made-with-polygons_1025-571.jpg", "http://img.b2bpic.net/free-photo/woman-smiling-holding-letter-g_1187-1284.jpg", "http://img.b2bpic.net/free-photo/happy-workers-doing-high-five-storehouse-after-finishing-packing-helmet-orders-cardboard-box-celebrating-triumph-smiling-diverse-team-discussing-transportation-logistics-warehouse_482257-62328.jpg", "http://img.b2bpic.net/free-photo/ai-chip-circuit-board_23-2151977506.jpg", "http://img.b2bpic.net/free-vector/artificial-intelligence-elements-collection-flat-style_23-2147869044.jpg", "http://img.b2bpic.net/free-photo/businesswoman-getting-out-from-car_53876-101863.jpg", "http://img.b2bpic.net/free-vector/logo-template-design_1222-87.jpg", "http://img.b2bpic.net/free-vector/flat-design-atheism-logo-template_23-2149248385.jpg"
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Newsletter"
|
|
tagIcon={Mail}
|
|
title="Stay Updated on AI Breakthroughs"
|
|
description="Subscribe to receive exclusive AI insights, industry trends, and advanced learning resources delivered directly to your inbox."
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APaxDjsz2piouJVruTMK8ndc3S/a-modern-friendly-illustration-represent-1772837437394-d1c733ce.png"
|
|
imageAlt="Communication and Connection"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="your@email.com"
|
|
buttonText="Subscribe"
|
|
termsText="We respect your privacy. Unsubscribe anytime."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="Karchev"
|
|
copyrightText="© 2025 Karchev AI. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "AI Training", href: "services" },
|
|
{ label: "Consulting", href: "services" },
|
|
{ label: "Workshops", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Resources", items: [
|
|
{ label: "Blog", href: "blog" },
|
|
{ label: "Documentation", href: "#" },
|
|
{ label: "Case Studies", href: "portfolio" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About", href: "about" },
|
|
{ label: "Contact", href: "contact" },
|
|
{ label: "Privacy Policy", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|