bender/e7bb96e4-9f6a-4d47-bfcb-75d4b49b1be8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/about/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-01 20:44:10 +00:00
parent cefd7d0442
commit b7b60bba53
1 changed files with 56 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

147
src/app/about/page.tsx
View File

@@ -8,7 +8,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
import TextAbout from '@/components/sections/about/TextAbout';
import { Calendar, Target } from "lucide-react";
export default function LandingPage() {
export default function AboutPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
@@ -23,99 +23,64 @@ export default function LandingPage() {
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Vehicles",
id: "/vehicles",
},
{
name: "Configurator",
id: "/configurator",
},
{
name: "About",
id: "/about",
},
]}
brandName="VALOR PERFORMANCE"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Home", id: "/" },
{ name: "Vehicles", id: "/vehicles" },
{ name: "Configurator", id: "/configurator" },
{ name: "About", id: "/about" },
]}
brandName="VALOR PERFORMANCE"
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={false}
title="Our Heritage"
description="Mehr als nur Autos. Ingenieurskunst mit Charakter."
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={false}
title="Our Heritage"
/>
</div>
<div id="metric" data-section="metric">
<MetricCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Our Impact"
description="Wachstum durch Präzision."
metrics={[
{
id: "a1",
value: "2025",
title: "Foundation",
description: "The year of engineering.",
icon: Calendar,
},
{
id: "a2",
value: "100%",
title: "Dedication",
description: "Uncompromising work.",
icon: Target,
},
]}
/>
</div>
<div id="metric" data-section="metric">
<MetricCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Our Impact"
description="Wachstum durch Präzision."
metrics={[
{
id: "a1", value: "2025", title: "Foundation", description: "The year of engineering.", icon: Calendar,
},
{
id: "a2", value: "100%", title: "Dedication", description: "Uncompromising work.", icon: Target,
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Models",
items: [
{
label: "Valkyrion",
href: "/vehicles",
},
{
label: "EON GT",
href: "/vehicles",
},
],
},
{
title: "Brand",
items: [
{
label: "About Us",
href: "/about",
},
{
label: "The Oath",
href: "/about",
},
],
},
]}
logoText="VALOR PERFORMANCE"
copyrightText="Private Development Project"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Models", items: [
{ label: "Valkyrion", href: "/vehicles" },
{ label: "EON GT", href: "/vehicles" },
],
},
{
title: "Brand", items: [
{ label: "About Us", href: "/about" },
{ label: "The Oath", href: "/about" },
],
},
]}
logoText="VALOR PERFORMANCE"
copyrightText="Private Development Project"
/>
</div>
</ReactLenis>
</ThemeProvider>
);