Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
@@ -1,13 +1,13 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Halant } from "next/font/google";
|
||||
import { Poppins } from "next/font/google";
|
||||
import { Inter } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
|
||||
const halant = Halant({
|
||||
variable: "--font-halant", subsets: ["latin"],
|
||||
weight: ["300", "400", "500", "600", "700"],
|
||||
const poppins = Poppins({
|
||||
variable: "--font-poppins", subsets: ["latin"],
|
||||
weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
|
||||
});
|
||||
|
||||
const inter = Inter({
|
||||
@@ -44,7 +44,7 @@ export default function RootLayout({
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body
|
||||
className={`${halant.variable} ${inter.variable} antialiased`}
|
||||
className={`${poppins.variable} ${inter.variable} antialiased`}
|
||||
>
|
||||
<Tag />
|
||||
{children}
|
||||
|
||||
129
src/app/page.tsx
129
src/app/page.tsx
@@ -4,6 +4,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
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() {
|
||||
return (
|
||||
@@ -24,8 +30,9 @@ export default function LandingPage() {
|
||||
brandName="FinanTech"
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" }
|
||||
{ name: "How It Works", id: "how-it-works" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Projects", id: "projects" }
|
||||
]}
|
||||
button={{
|
||||
text: "Get Started", href: "#"
|
||||
@@ -45,7 +52,7 @@ export default function LandingPage() {
|
||||
]}
|
||||
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", imageAlt: "Investment platform hero image"
|
||||
}
|
||||
]}
|
||||
autoplayDelay={5000}
|
||||
@@ -61,6 +68,122 @@ export default function LandingPage() {
|
||||
/>
|
||||
</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"
|
||||
},
|
||||
{
|
||||
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"
|
||||
}
|
||||
]}
|
||||
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", 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", 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", 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", 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", 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", 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", 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">
|
||||
<FooterLogoReveal
|
||||
logoText="FinanTech"
|
||||
|
||||
Reference in New Issue
Block a user