The About section provides a sleek, modern way to showcase your company information, mission, vision, and key statistics. These components are designed to build trust and communicate your core values to your audience.

About Section

The LandingAboutSection component displays a heading, description, and an image side by side, perfect for introducing your company or team.

About Us

We are committed to creating a safe and supportive environment where you can explore your thoughts and feelings, develop coping strategies, and achieve your mental health goals.

Usage

import { LandingAboutSection } from '@/components/landing/about/LandingAboutSection';

<LandingAboutSection
  title="About Us"
  description="We are committed to creating a safe and supportive environment where you can explore your thoughts and feelings, develop coping strategies, and achieve your mental health goals."
  imageSrc="/static/images/backdrop-1.webp"
  imageAlt="About us image"
/>

Examples

About Section with Background

Our Story

Founded in 2010, we've grown from a small team of passionate developers to a global agency serving clients worldwide. Our journey has been defined by innovation, quality, and a commitment to excellence in everything we do.

About Section with Background Glow

About Our Platform

Our platform combines cutting-edge technology with user-friendly design to create a seamless experience for our users. We're constantly innovating and improving to provide the best possible service.

Vision & Mission Section

The LandingVisionMissionSection component displays your company's vision and mission statements in a clean, organized layout.

Empowering Global Mental Health Access

OUR VISION

To be the leading mental health platform, providing accessible, compassionate, and innovative care for emotional and mental well-being worldwide.

OUR MISSION

To support individuals in achieving mental and emotional balance through tailored therapy, education, ensuring everyone has access to professional care.

Vision & Mission with Background

Our Core Values

WHY WE EXIST

To transform how businesses approach digital solutions, making advanced technology accessible to companies of all sizes.

HOW WE WORK

By combining innovative design thinking with cutting-edge development practices to create solutions that are both powerful and user-friendly.

Complete About Page Example

This example combines the About Section, Vision & Mission Section, and Stats Section to create a comprehensive About page.

About Our Agency

We are a full-service digital agency specializing in web development, design, and marketing. With over a decade of experience, we've helped hundreds of clients achieve their goals and grow their online presence.

150+: Over 150 projects successfully delivered.

9team members: Our core team consists of 9 experts.

300+creative freelancers: We collaborate with 300+ creative freelancers.

25+awards & featured: Recognized with 25+ awards and featured in industry publications.

10+years experience: Bringing 10+ years of design experience to every project.

$25B+revenue: Our work has contributed to over $25 billion in revenue.

Our Guiding Principles

VISION

To be the most trusted partner for businesses seeking to transform their digital presence and achieve meaningful growth.

MISSION

To deliver exceptional digital solutions that drive real business results through a combination of creativity, technical excellence, and strategic thinking.

Complete example with custom stats

About Us

We're a team of passionate designers and developers building exceptional digital experiences.

Key Statistics

150+projects: Successfully completed projects

9team members: Dedicated team members

10+years: Years of industry experience

API Reference

LandingAboutSection Props

Prop Name	Prop Type	Required	Default
title	`string`	No	`'About Us'`
titleComponent	`React.ReactNode`	No	`-`
description	`string \| React.ReactNode`	No	`-`
descriptionComponent	`React.ReactNode`	No	`-`
imageSrc	`string`	No	`'/static/images/about-image.webp'`
imageAlt	`string`	No	`'About us image'`
textPosition	`'center' \| 'left'`	No	`'left'`
withBackground	`boolean`	No	`false`
withBackgroundGlow	`boolean`	No	`false`
variant	`'primary' \| 'secondary'`	No	`'primary'`
backgroundGlowVariant	`'primary' \| 'secondary'`	No	`'primary'`
className	`string`	No	`-`
innerClassName	`string`	No	`-`

LandingVisionMissionSection Props

Prop Name	Prop Type	Required	Default
title	`string`	No	`-`
titleComponent	`React.ReactNode`	No	`-`
visionTitle	`string`	No	`-`
visionDescription	`string \| React.ReactNode`	No	`-`
missionTitle	`string`	No	`-`
missionDescription	`string \| React.ReactNode`	No	`-`
variant	`'primary' \| 'secondary'`	No	`'primary'`
withBackground	`boolean`	No	`false`
withBackgroundGlow	`boolean`	No	`false`
backgroundGlowVariant	`'primary' \| 'secondary'`	No	`'primary'`
textPosition	`'center' \| 'left'`	No	`'left'`
className	`string`	No	`-`
innerClassName	`string`	No	`-`
children	`React.ReactNode`	No	`-`

More Examples

For more even more examples, see our Landing Page Component Examples page or see complete landing page examples by Exploring Our Landing Page Templates.

Also see:

Stats Section component
Team Section component
Testimonials Section component