Component:
Free About-us Fintech Glassmorphism
Tailwind
Tailwind
React
Vue
Svelte
Astro
Colors:
Description:
This carefully crafted About us component is perfect for Fintech landing pages, featuring a Glassmorphism design that looks great and converts well.
Simply copy the code with the "Copy" button, paste it into your project and customize the colors, text and images to match your brand.
<!--
@type: About Us
@industry: Fintech
@style: Glassmorphism
@category: Page Section, Content
@framework: Tailwind
@license: Free
-->
<section
class="relative py-20 bg-gradient-to-br from-slate-900 via-purple-900 to-slate-900 overflow-hidden"
>
<div class="relative z-10 container mx-auto px-4">
<div class="text-center mb-20 space-y-8">
<div class="inline-block">
<span
class="px-6 py-3 rounded-full text-sm font-medium bg-white/10 backdrop-blur-md border border-white/20 text-white"
>🏢 About Our Company</span
>
</div>
<h2 class="text-5xl md:text-7xl font-bold leading-tight">
<span
class="bg-gradient-to-r from-white via-blue-100 to-purple-200 bg-clip-text text-transparent"
>Building the Future</span
><br /><span
class="bg-gradient-to-r from-blue-400 to-purple-400 bg-clip-text text-transparent"
>of Finance</span
>
</h2>
<p class="text-xl text-gray-300 max-w-3xl mx-auto leading-relaxed">
We're on a mission to democratize financial services and empower
businesses worldwide with cutting-edge technology, innovative solutions,
and unparalleled support.
</p>
</div>
<div class="mb-20">
<div
class="bg-gradient-to-r from-blue-600/20 to-purple-600/20 backdrop-blur-md border border-white/20 rounded-3xl p-8 max-w-6xl mx-auto"
>
<div class="grid md:grid-cols-2 gap-8">
<div class="space-y-6">
<div class="flex items-center space-x-4">
<div
class="p-4 bg-gradient-to-r from-blue-500/30 to-purple-500/30 rounded-2xl text-white"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="lucide lucide-target w-8 h-8"
>
<circle cx="12" cy="12" r="10"></circle>
<circle cx="12" cy="12" r="6"></circle>
<circle cx="12" cy="12" r="2"></circle>
</svg>
</div>
<div>
<h3 class="text-3xl font-bold text-white">Our Mission</h3>
</div>
</div>
<p class="text-gray-300 leading-relaxed">
To democratize access to financial services by providing
businesses of all sizes with enterprise-grade tools that are
simple to use, secure by design, and built for scale. We believe
every business deserves access to the same financial
infrastructure that powers the world's largest companies.
</p>
</div>
<div class="space-y-6">
<div class="flex items-center space-x-4">
<div
class="p-4 bg-gradient-to-r from-purple-500/30 to-pink-500/30 rounded-2xl text-white"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="lucide lucide-zap w-8 h-8"
>
<path
d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"
></path>
</svg>
</div>
<div>
<h3 class="text-3xl font-bold text-white">Our Vision</h3>
</div>
</div>
<p class="text-gray-300 leading-relaxed">
To create a world where financial services are seamlessly
integrated into every business operation, enabling entrepreneurs
and enterprises to focus on what they do best while we handle the
complexity of modern finance. We envision a future where financial
innovation drives global economic growth.
</p>
</div>
</div>
</div>
</div>
<div class="mb-20">
<div
class="bg-white/5 backdrop-blur-md border border-white/10 rounded-3xl p-8 max-w-4xl mx-auto"
>
<div class="text-center mb-8">
<h3 class="text-3xl font-bold text-white mb-4">Our Journey</h3>
<p class="text-gray-300">
Key milestones in our company's growth and evolution.
</p>
</div>
<div class="space-y-8">
<div
class="flex items-start space-x-6 transform transition-all duration-700 translate-x-0 opacity-100"
>
<div class="flex-shrink-0">
<div
class="w-16 h-16 bg-gradient-to-r from-blue-500 to-purple-500 rounded-full flex items-center justify-center text-white font-bold text-lg"
>
2019
</div>
</div>
<div
class="flex-1 bg-white/10 backdrop-blur-md border border-white/20 rounded-2xl p-6 transform transition-all duration-500 hover:scale-105 hover:shadow-xl hover:shadow-purple-500/25"
>
<h4 class="text-lg font-bold text-white mb-2">Company Founded</h4>
<p class="text-gray-300 text-sm leading-relaxed">
Started with a vision to democratize financial services and make
them accessible to businesses of all sizes.
</p>
</div>
</div>
<div
class="flex items-start space-x-6 transform transition-all duration-700 translate-x-0 opacity-100"
>
<div class="flex-shrink-0">
<div
class="w-16 h-16 bg-gradient-to-r from-blue-500 to-purple-500 rounded-full flex items-center justify-center text-white font-bold text-lg"
>
2020
</div>
</div>
<div
class="flex-1 bg-white/10 backdrop-blur-md border border-white/20 rounded-2xl p-6 transform transition-all duration-500 hover:scale-105 hover:shadow-xl hover:shadow-purple-500/25"
>
<h4 class="text-lg font-bold text-white mb-2">
Series A Funding
</h4>
<p class="text-gray-300 text-sm leading-relaxed">
Raised $15M Series A to expand our team and accelerate product
development.
</p>
</div>
</div>
<div
class="flex items-start space-x-6 transform transition-all duration-700 translate-x-0 opacity-100"
>
<div class="flex-shrink-0">
<div
class="w-16 h-16 bg-gradient-to-r from-blue-500 to-purple-500 rounded-full flex items-center justify-center text-white font-bold text-lg"
>
2021
</div>
</div>
<div
class="flex-1 bg-white/10 backdrop-blur-md border border-white/20 rounded-2xl p-6 transform transition-all duration-500 hover:scale-105 hover:shadow-xl hover:shadow-purple-500/25"
>
<h4 class="text-lg font-bold text-white mb-2">
Global Expansion
</h4>
<p class="text-gray-300 text-sm leading-relaxed">
Launched in 25 countries and processed our first billion dollars
in transactions.
</p>
</div>
</div>
<div
class="flex items-start space-x-6 transform transition-all duration-700 translate-x-0 opacity-100"
>
<div class="flex-shrink-0">
<div
class="w-16 h-16 bg-gradient-to-r from-blue-500 to-purple-500 rounded-full flex items-center justify-center text-white font-bold text-lg"
>
2022
</div>
</div>
<div
class="flex-1 bg-white/10 backdrop-blur-md border border-white/20 rounded-2xl p-6 transform transition-all duration-500 hover:scale-105 hover:shadow-xl hover:shadow-purple-500/25"
>
<h4 class="text-lg font-bold text-white mb-2">
Enterprise Platform
</h4>
<p class="text-gray-300 text-sm leading-relaxed">
Launched enterprise-grade features and achieved SOC 2 Type II
compliance.
</p>
</div>
</div>
<div
class="flex items-start space-x-6 transform transition-all duration-700 translate-x-0 opacity-100"
>
<div class="flex-shrink-0">
<div
class="w-16 h-16 bg-gradient-to-r from-blue-500 to-purple-500 rounded-full flex items-center justify-center text-white font-bold text-lg"
>
2023
</div>
</div>
<div
class="flex-1 bg-white/10 backdrop-blur-md border border-white/20 rounded-2xl p-6 transform transition-all duration-500 hover:scale-105 hover:shadow-xl hover:shadow-purple-500/25"
>
<h4 class="text-lg font-bold text-white mb-2">AI Integration</h4>
<p class="text-gray-300 text-sm leading-relaxed">
Introduced AI-powered fraud detection and risk assessment
capabilities.
</p>
</div>
</div>
<div
class="flex items-start space-x-6 transform transition-all duration-700 translate-x-0 opacity-100"
>
<div class="flex-shrink-0">
<div
class="w-16 h-16 bg-gradient-to-r from-blue-500 to-purple-500 rounded-full flex items-center justify-center text-white font-bold text-lg"
>
2024
</div>
</div>
<div
class="flex-1 bg-white/10 backdrop-blur-md border border-white/20 rounded-2xl p-6 transform transition-all duration-500 hover:scale-105 hover:shadow-xl hover:shadow-purple-500/25"
>
<h4 class="text-lg font-bold text-white mb-2">
Market Leadership
</h4>
<p class="text-gray-300 text-sm leading-relaxed">
Became the fastest-growing fintech platform with 10,000+
enterprise customers.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
This is a Pro component
Access the full component collection
Get all premium components and focus on building your business
Unlock for $49
(one-time payment)Early bird discount. Lock in this price forever
Premium components
Get access to all pro components. New ones added monthly
Save components
Save your favorite components to your account
Unlimited usage
Use components as often as you want
Landing page submissions
Get your landing pages featured on LandingGo and earn a
strong backlink
21 DR dofollow backlink from the main page