Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #4.
This commit is contained in:
106
src/app/details/page.tsx
Normal file
106
src/app/details/page.tsx
Normal file
@@ -0,0 +1,106 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import TeamCardSix from '@/components/sections/team/TeamCardSix';
|
||||
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
|
||||
import { FileText, TrendingUp, Users, DollarSign } from "lucide-react";
|
||||
|
||||
export default function StartupDetailsPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="blurBottom"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Details", id: "#details" },
|
||||
{ name: "Team", id: "#team" },
|
||||
]}
|
||||
brandName="UzVest"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
logoText="EcoUz Agrotech"
|
||||
description="Revolutionizing sustainable farming in Uzbekistan through AI-driven crop management and IoT sensors."
|
||||
buttons={[{ text: "Invest Now", href: "#invest" }, { text: "View Deck", href: "#" }]}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yhag5w&_wi=1"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
title="Funding & Progress"
|
||||
description="Track the financial journey and growth milestones of EcoUz Agrotech."
|
||||
metrics={[
|
||||
{ id: "1", value: "$2.5M", title: "Raised", description: "Seed Round", icon: DollarSign },
|
||||
{ id: "2", value: "14%", title: "Market Share", description: "Targeting 25%", icon: TrendingUp },
|
||||
{ id: "3", value: "45", title: "Active Users", description: "Partner Farms", icon: Users }
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardSix
|
||||
title="Leadership Team"
|
||||
description="Meet the experts behind the vision."
|
||||
members={[
|
||||
{ id: "m1", name: "Alex Farmov", role: "Founder & CEO" },
|
||||
{ id: "m2", name: "Elena Green", role: "Chief Technologist" },
|
||||
{ id: "m3", name: "Sardor Agronom", role: "Operations Manager" }
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="docs" data-section="docs">
|
||||
<FeatureCardTwentyNine
|
||||
title="Documents & Updates"
|
||||
description="Access company reports, legal documents, and investor updates."
|
||||
gridVariant="one-large-right-three-stacked-left"
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
features={[
|
||||
{ title: "Quarterly Report Q3", description: "Full financial audit", imageSrc: "", titleImageSrc: "", buttonText: "Download" },
|
||||
{ title: "Investor Memo", description: "Growth roadmap 2025", imageSrc: "", titleImageSrc: "", buttonText: "Read" },
|
||||
{ title: "Legal Filing", description: "Incorporation documents", imageSrc: "", titleImageSrc: "", buttonText: "View" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="UzVest"
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Dashboard", href: "/" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
125
src/app/page.tsx
125
src/app/page.tsx
@@ -7,12 +7,12 @@ import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { DollarSign, Rocket, ShieldCheck, TrendingUp, Users } from "lucide-react";
|
||||
import { CreditCard, BarChart3, ShieldCheck, DollarSign, ListChecks } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,134 +32,113 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Marketplace", id: "#market" },
|
||||
{ name: "How It Works", id: "#works" },
|
||||
{ name: "Startups", id: "#startups" },
|
||||
{ name: "Dashboard", id: "#dashboard" },
|
||||
{ name: "Gateways", id: "#gateways" },
|
||||
{ name: "Reporting", id: "#reporting" },
|
||||
{ name: "Management", id: "#management" },
|
||||
]}
|
||||
brandName="UzVest"
|
||||
brandName="UzVest Pay"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "glowing-orb" }}
|
||||
title="Invest in the Future of Business"
|
||||
description="Discover high-growth startups and exclusive investment opportunities across Uzbekistan. Secure, transparent, and AI-powered."
|
||||
tag="Uzbekistan's Premier Investment Platform"
|
||||
title="Enterprise-Grade Payment Orchestration"
|
||||
description="Integrate multiple payment gateways, manage complex transactions, and generate real-time financial reports effortlessly."
|
||||
tag="Financial Infrastructure Platform"
|
||||
buttons={[
|
||||
{ text: "Start Investing", href: "#market" },
|
||||
{ text: "Submit Startup", href: "#contact" },
|
||||
{ text: "Get Started", href: "#gateways" },
|
||||
{ text: "Request Demo", href: "#contact" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i9ns68&_wi=1", imageAlt: "fintech data connection dark"
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i9ns68&_wi=1", imageAlt: "financial dashboard"
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zst2qi", imageAlt: "fintech data connection dark"
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zst2qi", imageAlt: "payment processing"
|
||||
}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Trusted by 15K+ Investors"
|
||||
ratingText="Trusted by 500+ Enterprises"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="market" data-section="market">
|
||||
<MetricCardThree
|
||||
<div id="gateways" data-section="market">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "1", icon: DollarSign, title: "Total Investment", value: "$12.5M" },
|
||||
{ id: "2", icon: Users, title: "Active Investors", value: "15K+" },
|
||||
{ id: "3", icon: Rocket, title: "Startups Funded", value: "250+" },
|
||||
{ id: "4", icon: TrendingUp, title: "Average ROI", value: "18%" },
|
||||
{ id: "1", value: "15+", title: "Payment Gateways", items: ["Global coverage", "Local processing", "Automatic routing"] },
|
||||
{ id: "2", value: "99.9%", title: "Uptime SLA", items: ["High availability", "Redundant infrastructure", "Auto-failover"] },
|
||||
{ id: "3", value: "500ms", title: "Latency", items: ["Global edge network", "Optimized flow", "Instant confirmation"] },
|
||||
]}
|
||||
title="Investment Insights"
|
||||
description="Real-time performance metrics for the Uzbekistan ecosystem."
|
||||
title="Unified Gateway Integration"
|
||||
description="Connect to all your preferred payment providers through a single, unified API."
|
||||
titleSegments={[{ type: 'text', content: 'Unified ' }, { type: 'text', content: 'Gateway Integration' }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="startups" data-section="startups">
|
||||
<div id="management" data-section="startups">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "s1", name: "EcoUz Agrotech", price: "14% ROI", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yhag5w&_wi=1" },
|
||||
{ id: "s2", name: "FinPay Solutions", price: "22% ROI", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c57diq" },
|
||||
{ id: "s3", name: "GreenPower Energy", price: "18% ROI", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1rjo95" },
|
||||
{ id: "s4", name: "EduTech Central", price: "15% ROI", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xma7jo" },
|
||||
{ id: "s5", name: "UzLogistics AI", price: "20% ROI", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1lx9e2" },
|
||||
{ id: "s6", name: "MedUz Health", price: "12% ROI", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3jh39i" },
|
||||
{ id: "m1", name: "Transaction Reconciliation", price: "Automated", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yhag5w&_wi=1" },
|
||||
{ id: "m2", name: "Refund Management", price: "Centralized", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c57diq" },
|
||||
{ id: "m3", name: "Fraud Prevention", price: "AI-Powered", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1rjo95" },
|
||||
]}
|
||||
title="Featured Startups"
|
||||
description="Hand-picked ventures with high potential for growth."
|
||||
title="Transaction Management"
|
||||
description="Full visibility and control over every payment lifecycle event."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="works" data-section="works">
|
||||
<div id="reporting" data-section="works">
|
||||
<FeatureCardEight
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Create Account", description: "Quick verification for compliant access.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z5p23z", imageAlt: "professional investor portrait"
|
||||
title: "Real-time Analytics", description: "Live dashboards for tracking revenue and volume.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z5p23z", imageAlt: "analytics dashboard"
|
||||
},
|
||||
{
|
||||
title: "Invest in Projects", description: "Browse startups and allocate your capital.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i9ns68&_wi=2", imageAlt: "professional investor portrait"
|
||||
title: "Custom Reporting", description: "Export detailed financial insights for your stakeholders.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i9ns68&_wi=2", imageAlt: "report generation"
|
||||
},
|
||||
{
|
||||
title: "Earn Returns", description: "Monitor and track your portfolio growth.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yhag5w&_wi=2", imageAlt: "professional investor portrait"
|
||||
title: "Compliance Ready", description: "Audit-ready logs for seamless financial reporting.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yhag5w&_wi=2", imageAlt: "compliance dashboard"
|
||||
},
|
||||
]}
|
||||
title="Simple Investment Flow"
|
||||
description="Start your journey in three easy steps."
|
||||
title="Financial Reporting"
|
||||
description="Transform raw payment data into actionable business intelligence."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why" data-section="why">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Why Us"
|
||||
title="Transparent & Secure"
|
||||
description="We combine human expertise with AI investment analysis to minimize risk."
|
||||
subdescription="All contracts are legally binding with complete transparency."
|
||||
tag="Security First"
|
||||
title="Bank-Grade Security"
|
||||
description="We process millions in payments securely with PCI-DSS Level 1 certification."
|
||||
subdescription="Your data is encrypted, processed, and managed with highest security standards."
|
||||
icon={ShieldCheck}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k4vo3b"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", role: "VC Partner", testimonial: "The best platform in Central Asia.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=595a0d" },
|
||||
{ id: "2", name: "Michael C.", role: "Tech Founder", testimonial: "Very professional and smooth UI.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hqavy9" },
|
||||
{ id: "3", name: "Emily R.", role: "Lead Investor", testimonial: "Solid analytics tools provided.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jqoauo" },
|
||||
{ id: "4", name: "David K.", role: "Angel Investor", testimonial: "Great returns so far.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=66jw0b" },
|
||||
{ id: "5", name: "Alex B.", role: "Business Owner", testimonial: "Highly recommended for all.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k3zdho" },
|
||||
]}
|
||||
title="Investor Reviews"
|
||||
description="Hear what our community says."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "How to start?", content: "Sign up and complete KYC." },
|
||||
{ id: "f2", title: "Is it safe?", content: "Yes, legally compliant." },
|
||||
{ id: "f3", title: "How to withdraw?", content: "Instant bank transfers." },
|
||||
{ id: "f1", title: "Does it support multi-currency?", content: "Yes, we support 130+ currencies with automated conversion." },
|
||||
{ id: "f2", title: "How is reporting handled?", content: "Custom dashboards and automated daily exports to CSV/JSON/BI tools." },
|
||||
{ id: "f3", title: "Can I add custom gateways?", content: "Yes, our modular API allows integration of any custom gateway." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Find answers regarding investment policies."
|
||||
title="Technical FAQ"
|
||||
description="Answers regarding our payment infrastructure."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -168,24 +147,24 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to get started? Contact us today."
|
||||
buttons={[{ text: "Contact Support", href: "#" }]}
|
||||
text="Ready to modernize your payments?"
|
||||
buttons={[{ text: "Contact Sales", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="UzVest"
|
||||
logoText="UzVest Pay"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
title: "Infrastructure", items: [
|
||||
{ label: "Gateways", href: "#gateways" },
|
||||
{ label: "Reporting", href: "#reporting" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy", href: "#" },
|
||||
title: "Compliance", items: [
|
||||
{ label: "Security", href: "#" },
|
||||
{ label: "Terms", href: "#" },
|
||||
],
|
||||
},
|
||||
@@ -195,4 +174,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #0B0F19;
|
||||
--card: #111827;
|
||||
--foreground: #FFFFFF;
|
||||
--primary-cta: #00FFB2;
|
||||
--background: #0a0a0c;
|
||||
--card: #16161a;
|
||||
--foreground: #fcfcfd;
|
||||
--primary-cta: #d4af37;
|
||||
--primary-cta-text: #000000;
|
||||
--secondary-cta: #D4AF37;
|
||||
--secondary-cta: #2a2a30;
|
||||
--secondary-cta-text: #FFFFFF;
|
||||
--accent: #334155;
|
||||
--background-accent: #1E293B;
|
||||
--accent: #b8860b;
|
||||
--background-accent: #1f1f24;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user