191 lines
9.0 KiB
TypeScript
191 lines
9.0 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumLarge"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "Overview", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Services", id: "features" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="Oybek Burxonov"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogo
|
|
logoText="Oybek Burxonov"
|
|
description="Barber, Manager, Automation Builder. Combines 4 years of highend grooming industry leadership with emerging expertise in AIpowered automation and B2B sales Moscowtested operator delivering both craft excellence and digital efficiency."
|
|
buttons={[
|
|
{ text: "Download CV", href: "#contact" },
|
|
{ text: "Get In Touch", href: "#contact" },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169834.jpg?_wi=1"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
useInvertedBackground={false}
|
|
title="Bridging Craft and Tech"
|
|
description={[
|
|
"I bring a rare blend of high-end service industry leadership and technical proficiency. With 4 years in Moscow's elite barbershops, I understand customer experience, operational excellence, and team management.", "Now, I am scaling that experience with automation, building CRM workflows, and driving B2B sales results. I transform manual bottlenecks into digital efficiency."]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardMedia
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
id: "1", title: "Barbershop Operations", description: "High-end grooming standards, staff management, and client relationship retention.", tag: "Expertise", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-looking-his-phone-barber-shop_23-2148353459.jpg", imageAlt: "barber tools and analytics tablet"},
|
|
{
|
|
id: "2", title: "CRM Automation", description: "Automating booking flows, lead nurture, and customer data management systems.", tag: "Tech", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169834.jpg?_wi=2", imageAlt: "barber tools and analytics tablet"},
|
|
{
|
|
id: "3", title: "B2B Sales Growth", description: "Proven experience delivering growth targets in competitive markets like Moscow.", tag: "Sales", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-standing-airport_107420-63594.jpg?_wi=1", imageAlt: "barber tools and analytics tablet"},
|
|
]}
|
|
title="My Service Stack"
|
|
description="Optimizing businesses through manual expertise and digital precision."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "4+", description: "Years in high-end leadership"},
|
|
{
|
|
id: "m2", value: "200K+", description: "Target monthly sales (RUB)"},
|
|
{
|
|
id: "m3", value: "100%", description: "System integration efficiency"},
|
|
]}
|
|
title="Performance Indicators"
|
|
description="Proven results delivered in real-world environments."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Alexei Volkov", role: "Moscow Barbershop Owner", testimonial: "Oybek manages both the team and the booking systems with rare precision. He scaled our shop efficiency by 30%.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-standing-airport_107420-63594.jpg?_wi=2"},
|
|
{
|
|
id: "2", name: "Dilshod Karim", role: "Tashkent Tech Consultant", testimonial: "His grasp of CRM automation is ahead of his peer group. He turned our chaotic admin process into a fluid engine.", imageSrc: "http://img.b2bpic.net/free-photo/waist-up-confident-businessman-office_329181-19349.jpg"},
|
|
{
|
|
id: "3", name: "Elena Petrova", role: "Retail Manager", testimonial: "A natural manager who brings the craft of hospitality into the efficiency of tech.", imageSrc: "http://img.b2bpic.net/free-photo/experienced-call-center-employee-listening-customer-inquiries_482257-125965.jpg"},
|
|
{
|
|
id: "4", name: "Rustam Aziz", role: "Franchise Owner", testimonial: "I trust Oybek with our digital roadmap and service standards. A true hybrid professional.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67003.jpg"},
|
|
{
|
|
id: "5", name: "Maria Ivanova", role: "B2B Founder", testimonial: "Oybek made my manual reporting automated. He is an essential asset for any scaling business.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-senior-woman-with-crossed-arms_23-2149421498.jpg"},
|
|
]}
|
|
title="Professional Endorsements"
|
|
description="Trusted by leaders across Tashkent and Moscow markets."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "freelance", badge: "Consultant", price: "Contract", subtitle: "Automated workflow design & setup", buttons: [
|
|
{
|
|
text: "Contact Me", href: "#contact"},
|
|
],
|
|
features: [
|
|
"CRM audit", "Automation build", "One-time setup"],
|
|
},
|
|
{
|
|
id: "management", badge: "Operations", price: "Monthly", subtitle: "Fractional management & optimization", buttons: [
|
|
{
|
|
text: "Contact Me", href: "#contact"},
|
|
],
|
|
features: [
|
|
"Daily ops management", "Staff training", "Digital ROI reporting"],
|
|
},
|
|
]}
|
|
title="Available Engagement"
|
|
description="Choose the best engagement model for your business needs."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "canvas-reveal"}}
|
|
text="Ready to bring operational excellence and automation to your team? Let's discuss your goals."
|
|
buttons={[
|
|
{
|
|
text: "Send Email", href: "mailto:oybek.burxonov@example.com"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoText="Oybek Burxonov"
|
|
columns={[
|
|
{
|
|
title: "Navigation", items: [
|
|
{
|
|
label: "Overview", href: "#hero"},
|
|
{
|
|
label: "About", href: "#about"},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
{
|
|
label: "Terms of Use", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 Oybek Burxonov. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|