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:version_2
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1

3 Commits
version_1 ... version_2

Author SHA1 Message Date
bender
0a1ed19c46 Update src/app/page.tsx 2026-03-03 06:33:51 +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
2 changed files with 131 additions and 8 deletions
Expand all files Collapse all files

10
src/app/layout.tsx
View File

@@ -1,13 +1,13 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Halant } from "next/font/google"; import { Poppins } 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 poppins = Poppins({
variable: "--font-halant", subsets: ["latin"], variable: "--font-poppins", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"], weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
}); });
const inter = Inter({ const inter = Inter({
@@ -44,7 +44,7 @@ export default function RootLayout({
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body <body
className={`${halant.variable} ${inter.variable} antialiased`} className={`${poppins.variable} ${inter.variable} antialiased`}
> >
<Tag /> <Tag />
{children} {children}

129
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 } from 'lucide-react';
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -24,8 +30,9 @@ export default function LandingPage() {
brandName="FinanTech" brandName="FinanTech"
navItems={[ navItems={[
{ name: "Home", id: "hero" }, { name: "Home", id: "hero" },
{ name: "About", id: "about" }, { name: "How It Works", id: "how-it-works" },
{ name: "Features", id: "features" } { name: "Features", id: "features" },
{ name: "Projects", id: "projects" }
]} ]}
button={{ button={{
text: "Get Started", href: "#" text: "Get Started", href: "#"
@@ -45,7 +52,7 @@ export default function LandingPage() {
]} ]}
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}
@@ -61,6 +68,122 @@ export default function LandingPage() {
/> />
</div> </div>
<div id="how-it-works" data-section="how-it-works">
<MetricCardSeven
metrics={[
{
id: "1", value: "1", title: "Create Your Account", items: ["Sign up as investor or entrepreneur", "Verify your identity", "Complete your profile"]
},
{
id: "2", value: "2", title: "Browse Investment Opportunities", items: ["Explore vetted projects", "Review business plans", "Analyze financial metrics"]
},
{
id: "3", value: "3", title: "Make Smart Investments", items: ["Invest securely", "Track returns in real-time", "Manage your portfolio"]
}
]}
title="How It Works"
description="Get started with FinanTech in three simple steps"
tag="Process"
tagIcon={ArrowRight}
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFour
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"],
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"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQJGP8gArLWRfHJt1tHsEBVGMy/uploaded-1772519531657-j4yjre33.png?_wi=2"
}
]}
title="Premium Features"
description="Everything you need for successful investing"
tag="Features"
tagIcon={Zap}
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 vetted projects ready for investment"
tag="Available Now"
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="What Our Users Say"
description="Join thousands of satisfied investors and entrepreneurs"
tag="Testimonials"
tagIcon={Users}
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="cta" data-section="cta">
<TextAbout
tag="Ready to Invest?"
tagIcon={Award}
title="Start Building Your Investment Portfolio Today"
buttons={[
{ text: "Create Account", href: "#" },
{ text: "Schedule Demo", href: "#" }
]}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoReveal <FooterLogoReveal
logoText="FinanTech" logoText="FinanTech"