Merge version_1 into main #2
257
src/app/page.tsx
257
src/app/page.tsx
@@ -29,137 +29,53 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "#experience",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "#projects",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Experience", id: "experience" },
|
||||
{ name: "Projects", id: "projects" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Khojiakbar Z."
|
||||
button={{ text: "Contact Me", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Khojiakbar Zinatshoev"
|
||||
description="Bachelor’s Degree in English Teaching (ESL) | AI Animator | Content Creator. Transforming education through digital storytelling and animation."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CHvVVmhrt4nLjRwmxwSrF5buD1/uploaded-1776056326848-msdft5pf.jpg?_wi=1",
|
||||
imageAlt: "Khojiakbar Zinatshoev",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scammers-threatening-victim-online_482257-77658.jpg",
|
||||
imageAlt: "Digital workspace",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-home-office-uses-artificial-intelligence-generating-images-from-text_482257-125005.jpg",
|
||||
imageAlt: "AI generation setup",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-desk-with-ui-gpt-application-turning-text-prompt-into-photos_482257-118726.jpg",
|
||||
imageAlt: "UI development",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-entrepreneur-talking-with-remote-coworker-online-videocall_482257-77697.jpg",
|
||||
imageAlt: "Remote collaboration",
|
||||
},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CHvVVmhrt4nLjRwmxwSrF5buD1/uploaded-1776056326848-msdft5pf.jpg", imageAlt: "Khojiakbar Zinatshoev" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/scammers-threatening-victim-online_482257-77658.jpg", imageAlt: "Digital workspace" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/computer-home-office-uses-artificial-intelligence-generating-images-from-text_482257-125005.jpg", imageAlt: "AI generation setup" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/computer-desk-with-ui-gpt-application-turning-text-prompt-into-photos_482257-118726.jpg", imageAlt: "UI development" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/joyful-entrepreneur-talking-with-remote-coworker-online-videocall_482257-77697.jpg", imageAlt: "Remote collaboration" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-business-study-essentials-white-desk-work-study-aesthetics_181624-43256.jpg",
|
||||
imageAlt: "Creative studio",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CHvVVmhrt4nLjRwmxwSrF5buD1/uploaded-1776056326848-msdft5pf.jpg?_wi=2",
|
||||
imageAlt: "Khojiakbar Zinatshoev Portrait",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-studio-setup-ai-generated-content-photography-editing_482257-126882.jpg",
|
||||
imageAlt: "Editing suite",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-creative-space-themed-workplace_23-2147833164.jpg",
|
||||
imageAlt: "Creative desk",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-business-desk-arrangement_23-2148128260.jpg",
|
||||
imageAlt: "Minimalist office",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-business-study-essentials-white-desk-work-study-aesthetics_181624-43256.jpg", imageAlt: "Creative studio" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CHvVVmhrt4nLjRwmxwSrF5buD1/uploaded-1776056326848-msdft5pf.jpg", imageAlt: "Khojiakbar Zinatshoev Portrait" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/professional-studio-setup-ai-generated-content-photography-editing_482257-126882.jpg", imageAlt: "Editing suite" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/computer-creative-space-themed-workplace_23-2147833164.jpg", imageAlt: "Creative desk" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-business-desk-arrangement_23-2148128260.jpg", imageAlt: "Minimalist office" }
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Me",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
{ text: "Contact Me", href: "#contact" },
|
||||
{ text: "View Projects", href: "#projects" }
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/overhead-view-laptop-cellphone-mouse-keyboard-white-desk_23-2148061573.jpg",
|
||||
alt: "Team member 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/laptop-dark-night-desktop_169016-52795.jpg",
|
||||
alt: "Team member 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/still-life-office-desk-mess_23-2150164868.jpg",
|
||||
alt: "Team member 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/manager-holding-online-videocall-with-remotely-working-employees_482257-101080.jpg",
|
||||
alt: "Team member 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-programmer-remotely-working-home-office-writing-code-computer_482257-118283.jpg",
|
||||
alt: "Team member 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/overhead-view-laptop-cellphone-mouse-keyboard-white-desk_23-2148061573.jpg", alt: "Team member 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/laptop-dark-night-desktop_169016-52795.jpg", alt: "Team member 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/still-life-office-desk-mess_23-2150164868.jpg", alt: "Team member 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/manager-holding-online-videocall-with-remotely-working-employees_482257-101080.jpg", alt: "Team member 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/black-programmer-remotely-working-home-office-writing-code-computer_482257-118283.jpg", alt: "Team member 5" }
|
||||
]}
|
||||
avatarText="Trusted by creators globally"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/graphic-designer-designing-ux-ai-software-turning-text-prompt-into-photos_482257-118812.jpg",
|
||||
alt: "Logo 1",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/creative-agency-production-department-team-leader-developing-professional-game-technology-3d-digital-artist-sitting-computer-desk-while-working-environmental-design_482257-42927.jpg",
|
||||
alt: "Logo 2",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/professional-studio-setup-ai-generated-content-photography-editing_482257-125507.jpg",
|
||||
alt: "Logo 3",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-woman-working-photography-studio_23-2150254651.jpg",
|
||||
alt: "Logo 4",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/excited-famous-internet-live-show-host-ending-broadcast-while-sending-air-kisses-audience-popular-internet-star-saying-goodbye-public-while-sitting-home-studio-desk_482257-45845.jpg",
|
||||
alt: "Logo 5",
|
||||
},
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/graphic-designer-designing-ux-ai-software-turning-text-prompt-into-photos_482257-118812.jpg", alt: "Logo 1" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/creative-agency-production-department-team-leader-developing-professional-game-technology-3d-digital-artist-sitting-computer-desk-while-working-environmental-design_482257-42927.jpg", alt: "Logo 2" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/professional-studio-setup-ai-generated-content-photography-editing_482257-125507.jpg", alt: "Logo 3" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/full-shot-woman-working-photography-studio_23-2150254651.jpg", alt: "Logo 4" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/excited-famous-internet-live-show-host-ending-broadcast-while-sending-air-kisses-audience-popular-internet-star-saying-goodbye-public-while-sitting-home-studio-desk_482257-45845.jpg", alt: "Logo 5" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -172,7 +88,7 @@ export default function LandingPage() {
|
||||
description="I bridge the gap between pedagogy and digital creativity. With a strong foundation in ESL teaching and a passion for AI animation, I craft engaging content that resonates globally."
|
||||
subdescription="Reach: 200,000+ subscribers across social platforms."
|
||||
icon={User}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CHvVVmhrt4nLjRwmxwSrF5buD1/uploaded-1776056326848-msdft5pf.jpg?_wi=3"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CHvVVmhrt4nLjRwmxwSrF5buD1/uploaded-1776056326848-msdft5pf.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -184,30 +100,10 @@ export default function LandingPage() {
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "AI Animator",
|
||||
role: "TASNIF GROUP (2025 - Current)",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/designer-interacts-with-digital-technology-produce-virtual-home-set_482257-118835.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "YouTuber",
|
||||
role: "Self-employed (2023 - Current)",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-editor-woman-works-video-montage-creative-software_482257-120176.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Event Organizer",
|
||||
role: "Embassy of Greece (2026)",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spies-hired-steal-military-secrets_482257-82241.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Award Winner",
|
||||
role: "YouTube Silver Creator Award",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-hugging-her-pet-dog_23-2149202492.jpg",
|
||||
},
|
||||
{ id: "1", name: "AI Animator", role: "TASNIF GROUP (2025 - Current)", imageSrc: "http://img.b2bpic.net/free-photo/designer-interacts-with-digital-technology-produce-virtual-home-set_482257-118835.jpg" },
|
||||
{ id: "2", name: "YouTuber", role: "Self-employed (2023 - Current)", imageSrc: "http://img.b2bpic.net/free-photo/focused-editor-woman-works-video-montage-creative-software_482257-120176.jpg" },
|
||||
{ id: "3", name: "Event Organizer", role: "Embassy of Greece (2026)", imageSrc: "http://img.b2bpic.net/free-photo/spies-hired-steal-military-secrets_482257-82241.jpg" },
|
||||
{ id: "4", name: "Award Winner", role: "YouTube Silver Creator Award", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-hugging-her-pet-dog_23-2149202492.jpg" }
|
||||
]}
|
||||
title="Work Experience & Awards"
|
||||
description="Key professional milestones and recognitions in my creative journey."
|
||||
@@ -221,42 +117,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "aqlx",
|
||||
name: "Aqlx.uz (Instagram)",
|
||||
price: "AI Platform",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-abstract-innovation-composition_23-2148909050.jpg",
|
||||
},
|
||||
{
|
||||
id: "anim1",
|
||||
name: "Educational Animation Series",
|
||||
price: "Series",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-background-with-design-extruding-cubes_1048-12334.jpg",
|
||||
},
|
||||
{
|
||||
id: "teach1",
|
||||
name: "English Methodology Course",
|
||||
price: "Courseware",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-bulb-notebook-near-technologies_23-2147823716.jpg",
|
||||
},
|
||||
{
|
||||
id: "anim2",
|
||||
name: "2D Experimental Shorts",
|
||||
price: "Animation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-ar-headset-surrounded-by-bright-blue-neon-colors_23-2151255145.jpg",
|
||||
},
|
||||
{
|
||||
id: "anim3",
|
||||
name: "3D AI Character Design",
|
||||
price: "Character",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-energy-consumption-concept_23-2151852511.jpg",
|
||||
},
|
||||
{
|
||||
id: "collab1",
|
||||
name: "Educational Content Strategy",
|
||||
price: "Consulting",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/planning-writing-about-social-media_1134-75.jpg",
|
||||
},
|
||||
{ id: "aqlx", name: "Aqlx.uz (Instagram)", price: "AI Platform", imageSrc: "http://img.b2bpic.net/free-photo/top-view-abstract-innovation-composition_23-2148909050.jpg" },
|
||||
{ id: "anim1", name: "Educational Animation Series", price: "Series", imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-background-with-design-extruding-cubes_1048-12334.jpg" },
|
||||
{ id: "teach1", name: "English Methodology Course", price: "Courseware", imageSrc: "http://img.b2bpic.net/free-photo/light-bulb-notebook-near-technologies_23-2147823716.jpg" },
|
||||
{ id: "anim2", name: "2D Experimental Shorts", price: "Animation", imageSrc: "http://img.b2bpic.net/free-photo/high-tech-ar-headset-surrounded-by-bright-blue-neon-colors_23-2151255145.jpg" },
|
||||
{ id: "anim3", name: "3D AI Character Design", price: "Character", imageSrc: "http://img.b2bpic.net/free-photo/ai-energy-consumption-concept_23-2151852511.jpg" },
|
||||
{ id: "collab1", name: "Educational Content Strategy", price: "Consulting", imageSrc: "http://img.b2bpic.net/free-photo/planning-writing-about-social-media_1134-75.jpg" }
|
||||
]}
|
||||
title="Key Projects"
|
||||
description="Featured creative platforms and content management work."
|
||||
@@ -266,15 +132,10 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Ready to collaborate? Let's create impactful educational content together."
|
||||
buttons={[
|
||||
{
|
||||
text: "Email Me",
|
||||
href: "mailto:khojiakbar@example.com",
|
||||
},
|
||||
{ text: "Email Me", href: "mailto:khojiakbar@example.com" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -283,36 +144,18 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Khojiakbar Z."
|
||||
columns={[
|
||||
{
|
||||
title: "Socials",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram (@aqlx.uz)",
|
||||
href: "https://www.instagram.com/aqlx.uz",
|
||||
},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{
|
||||
label: "Experience",
|
||||
href: "#experience",
|
||||
},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Socials", items: [
|
||||
{ label: "Instagram (@aqlx.uz)", href: "https://www.instagram.com/aqlx.uz" },
|
||||
{ label: "LinkedIn", href: "#" }
|
||||
]},
|
||||
{ title: "Explore", items: [
|
||||
{ label: "Experience", href: "#experience" },
|
||||
{ label: "Projects", href: "#projects" }
|
||||
]}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user