Initial commit
This commit is contained in:
514
src/app/page.tsx
Normal file
514
src/app/page.tsx
Normal file
@@ -0,0 +1,514 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { BarChart2, DollarSign, Gauge, Globe, Lightbulb, Lock, Quote, Shield, ShieldCheck, Sparkles, Target, TrendingUp, Users } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="medium"
|
||||
background="floatingGradient"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Solutions",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Metrics",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Richnexis"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated-grid",
|
||||
}}
|
||||
title="Empowering Your Richnexis Journey"
|
||||
description="Unlock unprecedented financial insights and strategic growth with our cutting-edge solutions. Richnexis provides the tools and expertise you need to thrive in a dynamic market."
|
||||
tag="Innovate. Grow. Succeed."
|
||||
tagIcon={Sparkles}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Solutions",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Get a Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "carousel-item-1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-as-businessman-looks-some-graphics-smartphone-screen-office-background_482257-32837.jpg",
|
||||
imageAlt: "Abstract financial network",
|
||||
},
|
||||
{
|
||||
id: "carousel-item-2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-network-data-communications-background-with-low-poly-plexus-design_1048-17879.jpg",
|
||||
imageAlt: "Financial analytics dashboard",
|
||||
},
|
||||
{
|
||||
id: "carousel-item-3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blockchain-technology-background-gradient-blue_53876-124646.jpg",
|
||||
imageAlt: "Secure data flow",
|
||||
},
|
||||
{
|
||||
id: "carousel-item-4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dollars-fly-around-handsome-young-businessman-while-he-walks-along-street_8353-7199.jpg",
|
||||
imageAlt: "Person interacting with holographic financial chart",
|
||||
},
|
||||
{
|
||||
id: "carousel-item-5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/global-logistics-international-shipping-network_23-2152021790.jpg",
|
||||
imageAlt: "Hand touching abstract globe with financial symbols",
|
||||
},
|
||||
{
|
||||
id: "carousel-item-6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/marketing-market-strategy-planning-business-concept_53876-21181.jpg",
|
||||
imageAlt: "Conceptual image of growth and scaling",
|
||||
},
|
||||
]}
|
||||
autoPlay={true}
|
||||
autoPlayInterval={5000}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="About Richnexis"
|
||||
description="Richnexis is a pioneering financial technology firm dedicated to providing innovative solutions that empower individuals and businesses. We leverage advanced analytics and robust security to deliver unparalleled clarity and control over your financial future."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Innovation Driven",
|
||||
description: "Continuously developing cutting-edge technology for superior financial management.",
|
||||
icon: Lightbulb,
|
||||
},
|
||||
{
|
||||
title: "Client-Centric Approach",
|
||||
description: "Tailoring solutions to meet the unique needs and goals of each client.",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
title: "Unwavering Security",
|
||||
description: "Implementing industry-leading security protocols to protect your assets and data.",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-small-business-owners_23-2149149724.jpg"
|
||||
imageAlt="Team collaborating on financial data"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Personalized Financial Advisory",
|
||||
description: "Receive tailored recommendations and insights based on your unique financial profile and goals.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stockholder-working-from-apartment-using-mockup-mobile-phone_482257-121882.jpg",
|
||||
imageAlt: "Personalized financial advisory app",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Sparkles,
|
||||
text: "AI-driven insights",
|
||||
},
|
||||
{
|
||||
icon: DollarSign,
|
||||
text: "Custom investment strategies",
|
||||
},
|
||||
{
|
||||
icon: Target,
|
||||
text: "Goal-based planning",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-as-businessman-looks-some-graphics-smartphone-screen-office-background_482257-32837.jpg",
|
||||
imageAlt: "personalized finance app UI",
|
||||
},
|
||||
{
|
||||
title: "Robust Security & Data Privacy",
|
||||
description: "Your financial data is protected with state-of-the-art encryption and advanced security measures.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/20-security-line-filled-color-icon-pack-like-protection-x-protection-shield-protect_1142-18755.jpg",
|
||||
imageAlt: "Secure digital vault icon",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
text: "256-bit encryption",
|
||||
},
|
||||
{
|
||||
icon: Lock,
|
||||
text: "Multi-factor authentication",
|
||||
},
|
||||
{
|
||||
icon: Fingerprint,
|
||||
text: "Biometric access",
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-network-data-communications-background-with-low-poly-plexus-design_1048-17879.jpg",
|
||||
imageAlt: "personalized finance app UI",
|
||||
},
|
||||
{
|
||||
title: "Predictive Market Analytics",
|
||||
description: "Leverage advanced analytics to anticipate market movements and make informed decisions.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-powerful-administrator-feeling-proud-his-career-success_482257-126220.jpg",
|
||||
imageAlt: "Dynamic graph of market trends",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: TrendingUp,
|
||||
text: "Real-time data feeds",
|
||||
},
|
||||
{
|
||||
icon: BarChart2,
|
||||
text: "AI-powered forecasting",
|
||||
},
|
||||
{
|
||||
icon: BellRing,
|
||||
text: "Customizable alerts",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blockchain-technology-background-gradient-blue_53876-124646.jpg",
|
||||
imageAlt: "personalized finance app UI",
|
||||
},
|
||||
]}
|
||||
title="Our Core Capabilities"
|
||||
description="Discover the powerful features that make Richnexis an indispensable partner in your financial success."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "solution-1",
|
||||
name: "Personal Wealth Manager",
|
||||
price: "Tailored Plans",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-marketing-sales-dashboard-graphics-concept_53876-133831.jpg",
|
||||
imageAlt: "Personal Wealth Manager UI",
|
||||
},
|
||||
{
|
||||
id: "solution-2",
|
||||
name: "Secure Digital Wallet",
|
||||
price: "Free to Start",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-paying-using-nfc-technology_23-2149893763.jpg",
|
||||
imageAlt: "Secure Digital Wallet on tablet",
|
||||
},
|
||||
{
|
||||
id: "solution-3",
|
||||
name: "AI Financial Advisor",
|
||||
price: "Custom Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/phone-with-ai-chat_1268-21801.jpg",
|
||||
imageAlt: "AI financial advisor chatbot",
|
||||
},
|
||||
{
|
||||
id: "solution-4",
|
||||
name: "Comprehensive Financial Planner",
|
||||
price: "Starts at $49/month",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-female-entrepreneur-oversees-strategic-review-company-activity_482257-116769.jpg",
|
||||
imageAlt: "Comprehensive Financial Planner platform",
|
||||
},
|
||||
{
|
||||
id: "solution-5",
|
||||
name: "Risk Management Suite",
|
||||
price: "Enterprise",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/money-with-charts_23-2148542028.jpg",
|
||||
imageAlt: "Risk Assessment Software",
|
||||
},
|
||||
{
|
||||
id: "solution-6",
|
||||
name: "Global Market Analyzer",
|
||||
price: "Advanced Access",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coins-spilling-from-jar-world-map_23-2147892236.jpg",
|
||||
imageAlt: "Global Market Analysis Tool",
|
||||
},
|
||||
]}
|
||||
title="Our Solutions"
|
||||
description="Explore the range of innovative solutions Richnexis offers to streamline your financial operations and maximize growth."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "metric-1",
|
||||
value: "99.9%",
|
||||
title: "Uptime Reliability",
|
||||
description: "Ensuring continuous access to your financial data and tools.",
|
||||
icon: Gauge,
|
||||
},
|
||||
{
|
||||
id: "metric-2",
|
||||
value: "200M+",
|
||||
title: "Assets Secured",
|
||||
description: "Trusted by clients to securely manage their valuable investments.",
|
||||
icon: Shield,
|
||||
},
|
||||
{
|
||||
id: "metric-3",
|
||||
value: "150+",
|
||||
title: "Global Markets",
|
||||
description: "Providing insights and services across a diverse range of international markets.",
|
||||
icon: Globe,
|
||||
},
|
||||
]}
|
||||
title="Our Impact & Achievements"
|
||||
description="See the numbers that define Richnexis's commitment to excellence and client success."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "testimonial-item-1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO, InnovateX",
|
||||
testimonial: "Richnexis delivered truly personalized financial insights that significantly boosted our company's investment strategy. Their platform is intuitive and incredibly powerful.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-mature-woman-having-fun-time_23-2149232840.jpg",
|
||||
icon: Quote,
|
||||
},
|
||||
{
|
||||
id: "testimonial-item-2",
|
||||
name: "Michael Chen",
|
||||
role: "CTO, Quantum Solutions",
|
||||
testimonial: "The security measures implemented by Richnexis are unmatched. We rest easy knowing our sensitive financial data is protected by their state-of-the-art systems.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-characterizing-painter_23-2149529892.jpg",
|
||||
icon: Quote,
|
||||
},
|
||||
{
|
||||
id: "testimonial-item-3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Marketing Director, Growthify",
|
||||
testimonial: "Their predictive analytics have given us a distinct edge in understanding market trends. Richnexis is an essential tool for any forward-thinking business.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14487.jpg",
|
||||
icon: Quote,
|
||||
},
|
||||
{
|
||||
id: "testimonial-item-4",
|
||||
name: "David Kim",
|
||||
role: "Product Manager, TechSpark",
|
||||
testimonial: "Richnexis's customer support is exceptional. They are always responsive and knowledgeable, ensuring we get the most out of their comprehensive suite of tools.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-businessman-holding-light-bulb-innovation-campaign_53876-129950.jpg",
|
||||
icon: Quote,
|
||||
},
|
||||
{
|
||||
id: "testimonial-item-5",
|
||||
name: "Jessica Lee",
|
||||
role: "Financial Analyst, Global Capital",
|
||||
testimonial: "The depth of financial insights and reporting from Richnexis is outstanding. It's transformed how we approach portfolio management and client advisory.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-making-hand-gesture-with-cup-coffee-laptop-desk_23-2147955285.jpg",
|
||||
icon: Quote,
|
||||
},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear directly from our satisfied customers about how Richnexis has transformed their financial journey."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "What kind of financial data does Richnexis handle?",
|
||||
content: "Richnexis handles a wide range of financial data, including investment portfolios, transaction histories, market analytics, and personal financial goals, all secured with advanced encryption.",
|
||||
},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "Is my data secure with Richnexis?",
|
||||
content: "Yes, security is our top priority. We utilize 256-bit encryption, multi-factor authentication, and adhere to strict regulatory compliance standards to ensure your data is always protected.",
|
||||
},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "How does personalized financial advisory work?",
|
||||
content: "Our AI-driven system analyzes your financial history, risk tolerance, and investment goals to provide customized recommendations and strategic insights tailored just for you.",
|
||||
},
|
||||
{
|
||||
id: "faq-4",
|
||||
title: "Can I integrate Richnexis with my existing financial tools?",
|
||||
content: "Richnexis offers robust API integrations with various popular financial tools and platforms, allowing for a seamless and unified financial management experience. Contact our support team for specific integration queries.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Find quick answers to the most common questions about Richnexis's services and platform."
|
||||
faqsAnimation="slide-up"
|
||||
textPosition="left"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "downward-rays-static-grid",
|
||||
}}
|
||||
tag="Connect With Us"
|
||||
title="Ready to Transform Your Finances?"
|
||||
description="Reach out to the Richnexis team today for a personalized consultation or to learn more about our innovative financial solutions."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-woman-hand-holding-contact-lens-it-s-container_23-2148241457.jpg"
|
||||
imageAlt="Abstract image of communication and connection"
|
||||
mediaAnimation="slide-up"
|
||||
inputPlaceholder="Enter your email address"
|
||||
buttonText="Schedule a Call"
|
||||
termsText="By scheduling a call, you agree to our Privacy Policy and Terms of Service."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Solutions",
|
||||
items: [
|
||||
{
|
||||
label: "Wealth Management",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Digital Wallet",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "AI Advisory",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Risk Management",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Our Mission",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Partners",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Richnexis. All rights reserved."
|
||||
bottomRightText="Built with ❤️ by Richnexis Team"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user