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

Compare commits

merge into: bender:version_2
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:version_3
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1

6 Commits
version_2 ... version_3

Author SHA1 Message Date
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
c2926bfe87 Merge version_2 into main 
Merge version_2 into main
 2026-03-03 06:32:50 +00:00
4 changed files with 110 additions and 55 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 { Poppins } 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 poppins = Poppins({ const dmSans = DM_Sans({
variable: "--font-poppins", subsets: ["latin"], variable: "--font-dm-sans", subsets: ["latin"],
weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
}); });
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={`${poppins.variable} ${inter.variable} antialiased`} className={`${dmSans.variable} ${inter.variable} antialiased`}
> >
<Tag /> <Tag />
{children} {children}

142
src/app/page.tsx
View File

@@ -9,7 +9,7 @@ import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwen
import ProductCardFour from '@/components/sections/product/ProductCardFour'; import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen'; import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import TextAbout from '@/components/sections/about/TextAbout'; import TextAbout from '@/components/sections/about/TextAbout';
import { ArrowRight, Zap, Lock, TrendingUp, Users, Award } from 'lucide-react'; 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 (
@@ -20,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"
@@ -30,25 +30,27 @@ export default function LandingPage() {
brandName="FinanTech" brandName="FinanTech"
navItems={[ navItems={[
{ name: "Home", id: "hero" }, { name: "Home", id: "hero" },
{ name: "How It Works", id: "how-it-works" }, { name: "Problem", id: "problem" },
{ name: "Features", id: "features" }, { name: "Solution", id: "solution" },
{ name: "Projects", id: "projects" } { 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={[
{ {
@@ -57,56 +59,110 @@ export default function LandingPage() {
]} ]}
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="how-it-works" data-section="how-it-works"> <div id="problem" data-section="problem">
<MetricCardSeven <MetricCardSeven
metrics={[ metrics={[
{ {
id: "1", value: "1", title: "Create Your Account", items: ["Sign up as investor or entrepreneur", "Verify your identity", "Complete your profile"] id: "1", value: "Complex", title: "Information Overload", items: ["Scattered data sources", "Difficult due diligence", "Manual analysis required"]
}, },
{ {
id: "2", value: "2", title: "Browse Investment Opportunities", items: ["Explore vetted projects", "Review business plans", "Analyze financial metrics"] id: "2", value: "High Risk", title: "Investment Risk", items: ["Unvetted opportunities", "Limited transparency", "Information asymmetry"]
}, },
{ {
id: "3", value: "3", title: "Make Smart Investments", items: ["Invest securely", "Track returns in real-time", "Manage your portfolio"] id: "3", value: "Time Consuming", title: "Inefficient Process", items: ["Lengthy research cycle", "Delayed decisions", "Missed opportunities"]
} }
]} ]}
title="How It Works" title="The Challenge in Modern Investing"
description="Get started with FinanTech in three simple steps" description="Investors face critical challenges in finding, analyzing, and executing investment decisions efficiently and safely."
tag="Process" tag="Problems We Solve"
tagIcon={ArrowRight} tagIcon={Target}
textboxLayout="default" textboxLayout="default"
animationType="slide-up" animationType="slide-up"
useInvertedBackground={false} useInvertedBackground={false}
/> />
</div> </div>
<div id="features" data-section="features"> <div id="solution" data-section="solution">
<FeatureCardTwentyFour <FeatureCardTwentyFour
features={[ features={[
{ {
id: "1", title: "Bank-Level Security", author: "Enterprise Security", description: "Your investments are protected with industry-leading encryption and compliance standards.", tags: ["Security", "Compliance"], 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" imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJGP8gArLWRfHJt1tHsEBVGMy/uploaded-1772519531658-5vacuedt.png?_wi=1"
}, },
{ {
id: "2", title: "Real-Time Analytics", author: "Data Intelligence", description: "Monitor your portfolio performance with comprehensive dashboards and detailed insights.", tags: ["Analytics", "Reporting"], 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" 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="Premium Features" title="Our Solution"
description="Everything you need for successful investing" description="FinanTech combines cutting-edge AI, comprehensive data integration, and institutional-grade security to transform investment decision-making."
tag="Features" tag="Smart Solutions"
tagIcon={Zap} 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" textboxLayout="default"
animationType="slide-up" animationType="slide-up"
useInvertedBackground={false} useInvertedBackground={false}
@@ -130,8 +186,8 @@ export default function LandingPage() {
} }
]} ]}
title="Investment Opportunities" title="Investment Opportunities"
description="Explore vetted projects ready for investment" description="Explore our curated portfolio of vetted investment opportunities across technology, sustainability, and fintech sectors."
tag="Available Now" tag="Vetted Projects"
tagIcon={TrendingUp} tagIcon={TrendingUp}
textboxLayout="default" textboxLayout="default"
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
@@ -161,8 +217,8 @@ export default function LandingPage() {
{ value: "98%", label: "Success Rate" }, { value: "98%", label: "Success Rate" },
{ value: "15K+", label: "Active Users" } { value: "15K+", label: "Active Users" }
]} ]}
title="What Our Users Say" title="Trusted by Industry Leaders"
description="Join thousands of satisfied investors and entrepreneurs" description="Join thousands of satisfied investors and entrepreneurs building wealth on FinanTech."
tag="Testimonials" tag="Testimonials"
tagIcon={Users} tagIcon={Users}
textboxLayout="default" textboxLayout="default"
@@ -171,14 +227,14 @@ export default function LandingPage() {
/> />
</div> </div>
<div id="cta" data-section="cta"> <div id="contact" data-section="contact">
<TextAbout <TextAbout
tag="Ready to Invest?" tag="Ready to Transform Your Investing?"
tagIcon={Award} tagIcon={Rocket}
title="Start Building Your Investment Portfolio Today" title="Start Your Investment Journey With FinanTech Today"
buttons={[ buttons={[
{ text: "Create Account", href: "#" }, { text: "Get Started Free", href: "#" },
{ text: "Schedule Demo", href: "#" } { text: "Schedule Premium Demo", href: "#" }
]} ]}
useInvertedBackground={false} useInvertedBackground={false}
/> />
@@ -193,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;;