bender/5f382fb6-8157-43f4-b4b5-e0bf2a26ecdb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: bender:version_1
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1
..
compare: bender:main
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1

10 Commits
version_1 ... main

Author SHA1 Message Date
bender
20a4c1bedf Merge version_3 into main 
Merge version_3 into main
 2026-03-03 07:05:13 +00:00
bender
9b7ce599d5 Update src/app/styles/variables.css 2026-03-03 07:05:09 +00:00
bender
df0535b3cf Update src/app/styles/base.css 2026-03-03 07:05:08 +00:00
bender
f21316ca79 Update src/app/page.tsx 2026-03-03 07:05:07 +00:00
bender
0fef27dc53 Update src/app/layout.tsx 2026-03-03 07:05:06 +00:00
bender
06e54756a9 Merge version_2 into main 
Merge version_2 into main
 2026-03-03 06:33:56 +00:00
bender
0a1ed19c46 Update src/app/page.tsx 2026-03-03 06:33:51 +00:00
bender
c2926bfe87 Merge version_2 into main 
Merge version_2 into main
 2026-03-03 06:32:50 +00:00
bender
6cf56441b6 Update src/app/page.tsx 2026-03-03 06:32:46 +00:00
bender
eed6e932b7 Update src/app/layout.tsx 2026-03-03 06:32:45 +00:00
4 changed files with 207 additions and 29 deletions
Expand all files Collapse all files

15
src/app/layout.tsx
View File

@@ -1,13 +1,12 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Halant } from "next/font/google"; import { DM_Sans } from "next/font/google";
import { Inter } from "next/font/google"; import { Inter } from "next/font/google";
import "./globals.css"; import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper"; import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag"; import Tag from "@/tag/Tag";
const halant = Halant({ const dmSans = DM_Sans({
variable: "--font-halant", subsets: ["latin"], variable: "--font-dm-sans", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
}); });
const inter = Inter({ const inter = Inter({
@@ -15,19 +14,19 @@ const inter = Inter({
}); });
export const metadata: Metadata = { export const metadata: Metadata = {
title: "FinanTech - Secure Investment Platform for Private Businesses", description: "Connect private businesses with smart investors on FinanTech, a secure platform for capital raising and investment opportunities. Modern fintech solutions for entrepreneurs.", keywords: "fintech, investment platform, capital raising, private business funding, investor network, secure platform", metadataBase: new URL("https://financtech.example.com"), title: "FinanTech - Premium Investment Platform", description: "Experience next-generation fintech investment intelligence. Connect with vetted opportunities, harness AI-powered analytics, and grow your portfolio with confidence.", keywords: "fintech, investment platform, AI investment, capital raising, private business funding, investor network, secure platform, investment intelligence", metadataBase: new URL("https://financtech.example.com"),
alternates: { alternates: {
canonical: "https://financtech.example.com" canonical: "https://financtech.example.com"
}, },
openGraph: { openGraph: {
title: "FinanTech - Capital Meets Opportunity", description: "A secure investment platform connecting private businesses with smart investors.", type: "website", siteName: "FinanTech", url: "https://financtech.example.com", images: [ title: "FinanTech - Premium Investment Intelligence", description: "Next-generation fintech platform with AI-powered investment analytics and secure capital connections.", type: "website", siteName: "FinanTech", url: "https://financtech.example.com", images: [
{ {
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJGP8gArLWRfHJt1tHsEBVGMy/abstract-3d-gradient-sphere-with-neon-pu-1772518823262-e21370ad.png", alt: "FinanTech Investment Platform" url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJGP8gArLWRfHJt1tHsEBVGMy/abstract-3d-gradient-sphere-with-neon-pu-1772518823262-e21370ad.png", alt: "FinanTech Investment Platform"
} }
] ]
}, },
twitter: { twitter: {
card: "summary_large_image", title: "FinanTech - Capital Meets Opportunity", description: "Secure investment platform connecting businesses with smart investors.", images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJGP8gArLWRfHJt1tHsEBVGMy/abstract-3d-gradient-sphere-with-neon-pu-1772518823262-e21370ad.png"] card: "summary_large_image", title: "FinanTech - Premium Investment Intelligence", description: "AI-powered fintech platform for smart investing.", images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJGP8gArLWRfHJt1tHsEBVGMy/abstract-3d-gradient-sphere-with-neon-pu-1772518823262-e21370ad.png"]
}, },
robots: { robots: {
index: true, index: true,
@@ -44,7 +43,7 @@ export default function RootLayout({
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body <body
className={`${halant.variable} ${inter.variable} antialiased`} className={`${dmSans.variable} ${inter.variable} antialiased`}
> >
<Tag /> <Tag />
{children} {children}

213
src/app/page.tsx
View File

@@ -4,6 +4,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo'; import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal'; import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import TextAbout from '@/components/sections/about/TextAbout';
import { ArrowRight, Zap, Lock, TrendingUp, Users, Award, Sparkles, Brain, BarChart3, Shield, Rocket, Target } from 'lucide-react';
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -14,7 +20,7 @@ export default function LandingPage() {
contentWidth="smallMedium" contentWidth="smallMedium"
sizing="largeSmallSizeMediumTitles" sizing="largeSmallSizeMediumTitles"
background="noiseDiagonalGradient" background="noiseDiagonalGradient"
cardStyle="inset" cardStyle="glass-elevated"
primaryButtonStyle="primary-glow" primaryButtonStyle="primary-glow"
secondaryButtonStyle="solid" secondaryButtonStyle="solid"
headingFontWeight="semibold" headingFontWeight="semibold"
@@ -24,43 +30,216 @@ export default function LandingPage() {
brandName="FinanTech" brandName="FinanTech"
navItems={[ navItems={[
{ name: "Home", id: "hero" }, { name: "Home", id: "hero" },
{ name: "About", id: "about" }, { name: "Problem", id: "problem" },
{ name: "Features", id: "features" } { name: "Solution", id: "solution" },
{ name: "AI Intelligence", id: "ai-intelligence" },
{ name: "Dashboard", id: "dashboard" },
{ name: "Testimonials", id: "trust" }
]} ]}
button={{ button={{
text: "Get Started", href: "#" text: "Get Started", href: "#contact"
}} }}
buttonClassName="bg-gradient-to-r from-[#7B2FF7] to-[#00C6FF] hover:shadow-lg hover:shadow-purple-500/50 transition-all duration-300" buttonClassName="bg-gradient-to-r from-[#7B2FF7] via-[#00C6FF] to-[#7B2FF7] hover:shadow-lg hover:shadow-purple-500/50 transition-all duration-300 text-white font-semibold"
className="fixed top-6 left-1/2 transform -translate-x-1/2 z-50 bg-white/5 backdrop-blur-xl border border-white/10 rounded-full shadow-lg" className="fixed top-6 left-1/2 transform -translate-x-1/2 z-50 bg-gradient-to-b from-white/10 to-white/5 backdrop-blur-2xl border border-white/20 rounded-full shadow-2xl"
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroCarouselLogo <HeroCarouselLogo
logoText="FinanTech" logoText="FinanTech"
description="A secure investment platform connecting private businesses with smart investors." description="Premium AI-Powered Investment Intelligence Platform. Discover vetted opportunities, analyze market trends with advanced AI, and build your portfolio with confidence."
buttons={[ buttons={[
{ text: "Get Started", href: "#" }, { text: "Explore Opportunities", href: "#projects" },
{ text: "Login", href: "#" } { text: "Get Demo", href: "#contact" }
]} ]}
slides={[ slides={[
{ {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJGP8gArLWRfHJt1tHsEBVGMy/abstract-3d-gradient-sphere-with-neon-pu-1772518823262-e21370ad.png", imageAlt: "Gradient sphere glow background" imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJGP8gArLWRfHJt1tHsEBVGMy/uploaded-1772519531657-j4yjre33.png?_wi=1", imageAlt: "Investment platform hero image"
} }
]} ]}
autoplayDelay={5000} autoplayDelay={5000}
showDimOverlay={true} showDimOverlay={true}
className="relative w-full min-h-screen bg-gradient-to-br from-[#0B0B0F] via-[#1a1a24] to-[#0B0B0F]" className="relative w-full min-h-screen bg-gradient-to-br from-[#0B0B0F] via-[#1a1a2e] to-[#0B0B0F] overflow-hidden"
containerClassName="relative w-full h-screen flex flex-col items-center justify-center" containerClassName="relative w-full h-screen flex flex-col items-center justify-center px-4"
contentContainerClassName="relative z-20 flex flex-col items-center justify-center gap-8" contentContainerClassName="relative z-20 flex flex-col items-center justify-center gap-8"
logoClassName="text-white text-7xl font-bold tracking-tight drop-shadow-2xl" logoClassName="text-transparent bg-gradient-to-r from-[#7B2FF7] via-[#00C6FF] to-[#7B2FF7] bg-clip-text text-6xl md:text-7xl font-bold tracking-tight drop-shadow-2xl animate-pulse"
descriptionClassName="text-[#B0B0B8] text-xl max-w-2xl text-center font-light" descriptionClassName="text-[#B0B0B8] text-lg md:text-xl max-w-2xl text-center font-light"
buttonContainerClassName="flex gap-6 justify-center" buttonContainerClassName="flex gap-6 justify-center flex-wrap"
buttonClassName="px-8 py-4 rounded-full font-semibold transition-all duration-300" buttonClassName="px-8 py-4 rounded-full font-semibold transition-all duration-300 backdrop-blur-sm"
mediaWrapperClassName="absolute inset-0 overflow-hidden" mediaWrapperClassName="absolute inset-0 overflow-hidden"
/> />
</div> </div>
<div id="problem" data-section="problem">
<MetricCardSeven
metrics={[
{
id: "1", value: "Complex", title: "Information Overload", items: ["Scattered data sources", "Difficult due diligence", "Manual analysis required"]
},
{
id: "2", value: "High Risk", title: "Investment Risk", items: ["Unvetted opportunities", "Limited transparency", "Information asymmetry"]
},
{
id: "3", value: "Time Consuming", title: "Inefficient Process", items: ["Lengthy research cycle", "Delayed decisions", "Missed opportunities"]
}
]}
title="The Challenge in Modern Investing"
description="Investors face critical challenges in finding, analyzing, and executing investment decisions efficiently and safely."
tag="Problems We Solve"
tagIcon={Target}
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="solution" data-section="solution">
<FeatureCardTwentyFour
features={[
{
id: "1", title: "Intelligent Data Integration", author: "Unified Intelligence", description: "Our platform aggregates and normalizes investment data from multiple sources, providing a single source of truth for your investment decisions.", tags: ["Data", "Integration", "Real-time"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJGP8gArLWRfHJt1tHsEBVGMy/uploaded-1772519531658-5vacuedt.png?_wi=1"
},
{
id: "2", title: "Advanced Risk Analysis", author: "Enterprise Security", description: "Comprehensive risk assessment algorithms evaluate opportunities across multiple dimensions, protecting your capital with institutional-grade analysis.", tags: ["Security", "Risk", "Compliance"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJGP8gArLWRfHJt1tHsEBVGMy/uploaded-1772519531657-j4yjre33.png?_wi=2"
},
{
id: "3", title: "Accelerated Decision Making", author: "Smart Insights", description: "AI-powered recommendations and predictive analytics enable faster, more confident investment decisions with comprehensive supporting data.", tags: ["AI", "Analytics", "Speed"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJGP8gArLWRfHJt1tHsEBVGMy/uploaded-1772519531658-5vacuedt.png?_wi=2"
}
]}
title="Our Solution"
description="FinanTech combines cutting-edge AI, comprehensive data integration, and institutional-grade security to transform investment decision-making."
tag="Smart Solutions"
tagIcon={Sparkles}
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="ai-intelligence" data-section="ai-intelligence">
<ProductCardFour
products={[
{
id: "1", name: "Predictive Analytics Engine", price: "AI-Powered", variant: "Market Forecasting", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJGP8gArLWRfHJt1tHsEBVGMy/uploaded-1772519531657-j4yjre33.png?_wi=3", imageAlt: "Predictive Analytics", isFavorited: false
},
{
id: "2", name: "Portfolio Optimization", price: "AI-Driven", variant: "Risk Management", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJGP8gArLWRfHJt1tHsEBVGMy/uploaded-1772519531658-5vacuedt.png?_wi=2", imageAlt: "Portfolio Optimization", isFavorited: false
},
{
id: "3", name: "Sentiment Intelligence", price: "Real-Time", variant: "Market Analysis", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJGP8gArLWRfHJt1tHsEBVGMy/uploaded-1772519531657-j4yjre33.png?_wi=4", imageAlt: "Sentiment Intelligence", isFavorited: false
},
{
id: "4", name: "Opportunity Matching", price: "Intelligent", variant: "Deal Flow", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJGP8gArLWRfHJt1tHsEBVGMy/uploaded-1772519531658-5vacuedt.png?_wi=3", imageAlt: "Opportunity Matching", isFavorited: false
}
]}
title="AI-Powered Investment Intelligence"
description="Our advanced AI engines work 24/7 to analyze markets, predict trends, and identify optimal investment opportunities tailored to your portfolio."
tag="Powered by AI"
tagIcon={Brain}
textboxLayout="default"
gridVariant="uniform-all-items-equal"
animationType="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="dashboard" data-section="dashboard">
<MetricCardSeven
metrics={[
{
id: "1", value: "Real-Time", title: "Portfolio Monitoring", items: ["Live performance tracking", "Custom alerts", "Risk metrics dashboard"]
},
{
id: "2", value: "Advanced", title: "Analytics Suite", items: ["Performance attribution", "Correlation analysis", "Stress testing"]
},
{
id: "3", value: "Comprehensive", title: "Reporting Tools", items: ["Custom reports", "Compliance ready", "Institutional-grade"]
}
]}
title="Dashboard & Analytics"
description="Comprehensive monitoring and reporting tools for institutional-grade investment management and performance tracking."
tag="Platform Features"
tagIcon={BarChart3}
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="projects" data-section="projects">
<ProductCardFour
products={[
{
id: "1", name: "TechStart AI", price: "$50K - $500K", variant: "Series A Funding", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJGP8gArLWRfHJt1tHsEBVGMy/uploaded-1772519531657-j4yjre33.png?_wi=3", imageAlt: "TechStart AI Project", isFavorited: false
},
{
id: "2", name: "GreenEnergy Solutions", price: "$100K - $1M", variant: "Growth Stage Funding", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJGP8gArLWRfHJt1tHsEBVGMy/uploaded-1772519531658-5vacuedt.png?_wi=2", imageAlt: "GreenEnergy Solutions Project", isFavorited: false
},
{
id: "3", name: "FinanceFlow", price: "$75K - $750K", variant: "Series B Funding", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJGP8gArLWRfHJt1tHsEBVGMy/uploaded-1772519531657-j4yjre33.png?_wi=4", imageAlt: "FinanceFlow Project", isFavorited: false
},
{
id: "4", name: "HealthTech Innovations", price: "$200K - $2M", variant: "Growth Stage Funding", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJGP8gArLWRfHJt1tHsEBVGMy/uploaded-1772519531658-5vacuedt.png?_wi=3", imageAlt: "HealthTech Innovations Project", isFavorited: false
}
]}
title="Investment Opportunities"
description="Explore our curated portfolio of vetted investment opportunities across technology, sustainability, and fintech sectors."
tag="Vetted Projects"
tagIcon={TrendingUp}
textboxLayout="default"
gridVariant="uniform-all-items-equal"
animationType="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="trust" data-section="trust">
<TestimonialCardSixteen
testimonials={[
{
id: "1", name: "Sarah Johnson", role: "Founder", company: "TechStart AI", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJGP8gArLWRfHJt1tHsEBVGMy/uploaded-1772519531657-j4yjre33.png?_wi=5", imageAlt: "Sarah Johnson"
},
{
id: "2", name: "Michael Chen", role: "Investor", company: "Venture Capital", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJGP8gArLWRfHJt1tHsEBVGMy/uploaded-1772519531658-5vacuedt.png?_wi=4", imageAlt: "Michael Chen"
},
{
id: "3", name: "Emma Davis", role: "CEO", company: "GreenEnergy Solutions", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJGP8gArLWRfHJt1tHsEBVGMy/uploaded-1772519531657-j4yjre33.png?_wi=6", imageAlt: "Emma Davis"
}
]}
kpiItems={[
{ value: "$500M+", label: "Capital Deployed" },
{ value: "98%", label: "Success Rate" },
{ value: "15K+", label: "Active Users" }
]}
title="Trusted by Industry Leaders"
description="Join thousands of satisfied investors and entrepreneurs building wealth on FinanTech."
tag="Testimonials"
tagIcon={Users}
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="contact" data-section="contact">
<TextAbout
tag="Ready to Transform Your Investing?"
tagIcon={Rocket}
title="Start Your Investment Journey With FinanTech Today"
buttons={[
{ text: "Get Started Free", href: "#" },
{ text: "Schedule Premium Demo", href: "#" }
]}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoReveal <FooterLogoReveal
logoText="FinanTech" logoText="FinanTech"
@@ -70,7 +249,7 @@ export default function LandingPage() {
rightLink={{ rightLink={{
text: "Terms of Service", href: "#" text: "Terms of Service", href: "#"
}} }}
className="bg-gradient-to-t from-[#0B0B0F] to-transparent border-t border-white/5" className="bg-gradient-to-t from-[#0B0B0F] via-[#1a1a24]/50 to-transparent border-t border-white/10"
/> />
</div> </div>
</ThemeProvider> </ThemeProvider>

4
src/app/styles/base.css
View File

@@ -11,7 +11,7 @@ html {
body { body {
background-color: var(--background); background-color: var(--background);
color: var(--foreground); color: var(--foreground);
font-family: var(--font-inter), sans-serif; font-family: var(--font-dm-sans), sans-serif;
position: relative; position: relative;
min-height: 100vh; min-height: 100vh;
overscroll-behavior: none; overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
font-family: var(--font-inter), sans-serif; font-family: var(--font-dm-sans), sans-serif;
} }

4
src/app/styles/variables.css
View File

@@ -3,7 +3,7 @@
/* --vw is set by ThemeProvider */ /* --vw is set by ThemeProvider */
/* --background: #0B0B0F;; /* --background: #0B0B0F;;
--card: #1a1a24;; --card: #1a1a2e;;
--foreground: #ffffff;; --foreground: #ffffff;;
--primary-cta: #7B2FF7;; --primary-cta: #7B2FF7;;
--secondary-cta: #00C6FF;; --secondary-cta: #00C6FF;;
@@ -11,7 +11,7 @@
--background-accent: #7B2FF7;; */ --background-accent: #7B2FF7;; */
--background: #0B0B0F;; --background: #0B0B0F;;
--card: #1a1a24;; --card: #1a1a2e;;
--foreground: #ffffff;; --foreground: #ffffff;;
--primary-cta: #7B2FF7;; --primary-cta: #7B2FF7;;
--primary-cta-text: #ffffff;; --primary-cta-text: #ffffff;;