bender/437f4e98-ef5c-4514-9247-4a4844a40e22
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

Add src/app/about/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-09 09:36:23 +00:00
parent b34d1b5254
commit de71d361af
1 changed files with 149 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

149
src/app/about/page.tsx Normal file
View File

@@ -0,0 +1,149 @@
"use client";
import { ThemeProvider } from "@/components/theme/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import TeamCardFive from "@/components/sections/team/TeamCardFive";
import TimelineCardStack from "@/components/cardStack/layouts/timelines/TimelineCardStack";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { Users, Sparkles } from "lucide-react";
export default function About() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "FAQ", id: "/faq" },
{ name: "Contact", id: "/contact" },
];
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="large"
background="aurora"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="bold"
>
<NavbarStyleApple navItems={navItems} brandName="CarLed" />
<div id="hero" data-section="hero" className="pt-32">
<TextSplitAbout
title="About CarLed"
description={[
"CarLed is more than just a platform—it's a movement dedicated to celebrating automotive passion and engineering excellence. Founded in 2020, we've grown from a small group of enthusiasts to a global community of 10,000+ petrolheads.", "Our mission is to create a space where engineers, designers, mechanics, and automotive enthusiasts can collaborate, learn, and inspire each other to push the boundaries of what's possible in the automotive world.", "We believe that the future of automotive innovation lies in community-driven development, shared knowledge, and the unwavering passion of people who love cars as much as we do."]}
useInvertedBackground={false}
buttons={[
{ text: "Join Community", href: "/contact" },
{ text: "Learn More", href: "#story" },
]}
showBorder={true}
/>
</div>
<div id="story" data-section="story" className="py-20">
<TimelineCardStack
title="Our Journey"
description="How CarLed evolved into the leading petrolhead community"
tag="Story"
tagIcon={Sparkles}
textboxLayout="default"
useInvertedBackground={false}
>
<div className="flex flex-col gap-4">
<h3 className="text-2xl font-bold">2020: The Beginning</h3>
<p className="text-base text-foreground/75">
A group of passionate automotive engineers and designers gathered online to share ideas and collaborate on projects. What started as a small Discord server quickly grew into something much larger.
</p>
</div>
<div className="flex flex-col gap-4">
<h3 className="text-2xl font-bold">2021: Community Growth</h3>
<p className="text-base text-foreground/75">
We launched our official platform and community hub. Within months, we reached 2,000 active members and began hosting monthly virtual meetups and project showcases.
</p>
</div>
<div className="flex flex-col gap-4">
<h3 className="text-2xl font-bold">2022: Global Expansion</h3>
<p className="text-base text-foreground/75">
CarLed expanded internationally with regional chapters in North America, Europe, and Asia. We launched collaborative tools for project management and knowledge sharing.
</p>
</div>
<div className="flex flex-col gap-4">
<h3 className="text-2xl font-bold">2023: Innovation Hub</h3>
<p className="text-base text-foreground/75">
We established partnerships with leading automotive brands and launched our innovation fund to support cutting-edge community projects and research initiatives.
</p>
</div>
<div className="flex flex-col gap-4">
<h3 className="text-2xl font-bold">2024: The Future</h3>
<p className="text-base text-foreground/75">
Today, CarLed stands as the go-to community for petrolheads worldwide. We're committed to driving innovation, fostering collaboration, and celebrating the automotive passion that unites us all.
</p>
</div>
</TimelineCardStack>
</div>
<div id="team" data-section="team" className="py-20">
<TeamCardFive
team={[
{
id: "1", name: "James Mitchell", role: "Founder & CEO", imageSrc: "https://i.pravatar.cc/200?img=10"},
{
id: "2", name: "Sarah Chen", role: "VP of Engineering", imageSrc: "https://i.pravatar.cc/200?img=20"},
{
id: "3", name: "Marcus Johnson", role: "Community Manager", imageSrc: "https://i.pravatar.cc/200?img=30"},
{
id: "4", name: "Elena Rodriguez", role: "Design Lead", imageSrc: "https://i.pravatar.cc/200?img=40"},
{
id: "5", name: "David Park", role: "Technical Director", imageSrc: "https://i.pravatar.cc/200?img=50"},
{
id: "6", name: "Lisa Anderson", role: "Marketing Manager", imageSrc: "https://i.pravatar.cc/200?img=60"},
]}
animationType="slide-up"
title="Meet Our Team"
description="The passionate people driving CarLed forward"
textboxLayout="default"
useInvertedBackground={false}
tag="Team"
tagIcon={Users}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="https://images.unsplash.com/photo-1489824904134-891ab64532f1?w=1920&h=400&fit=crop"
imageAlt="CarLed footer"
columns={[
{
title: "Product", items: [
{ label: "Features", href: "/" },
{ label: "Community", href: "/about" },
{ label: "Pricing", href: "/contact" },
],
},
{
title: "Company", items: [
{ label: "About", href: "/about" },
{ label: "Blog", href: "#" },
{ label: "Careers", href: "#" },
],
},
{
title: "Resources", items: [
{ label: "FAQ", href: "/faq" },
{ label: "Contact", href: "/contact" },
{ label: "Terms", href: "/terms" },
],
},
]}
logoText="CarLed"
copyrightText="© 2025 CarLed. All rights reserved."
/>
</div>
</ThemeProvider>
);
}