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

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:main
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1

20 Commits
version_1 ... main

Author SHA1 Message Date
bender
caa70bc75f Merge version_4 into main 
Merge version_4 into main
 2026-04-02 13:50:02 +00:00
bender
151ee62438 Update src/app/vehicles/valkyrion/page.tsx 2026-04-02 13:49:59 +00:00
bender
d26aebb4ee Update src/app/vehicles/page.tsx 2026-04-02 13:49:58 +00:00
bender
c17aadc9a8 Update src/app/vehicles/eon-gt/page.tsx 2026-04-02 13:49:58 +00:00
bender
8e5f7f01f2 Merge version_4 into main 
Merge version_4 into main
 2026-04-02 13:49:29 +00:00
bender
b5fb70d8a8 Add src/app/vehicles/valkyrion/page.tsx 2026-04-02 13:49:26 +00:00
bender
c114273200 Update src/app/vehicles/page.tsx 2026-04-02 13:49:25 +00:00
bender
867ebffeba Add src/app/vehicles/eon-gt/page.tsx 2026-04-02 13:49:25 +00:00
bender
9943b207b3 Update src/app/page.tsx 2026-04-02 13:49:24 +00:00
bender
460ef42016 Merge version_3 into main 
Merge version_3 into main
 2026-04-01 21:28:00 +00:00
bender
c2ba0eab80 Update src/app/page.tsx 2026-04-01 21:27:54 +00:00
bender
7e7b78eec6 Merge version_2 into main 
Merge version_2 into main
 2026-04-01 21:26:14 +00:00
bender
25128b1f70 Remove watermark 2026-04-01 21:26:11 +00:00
bender
1dfa01c181 Merge version_2 into main 
Merge version_2 into main
 2026-04-01 21:07:03 +00:00
bender
eb599bde4e Update src/app/page.tsx 2026-04-01 21:06:57 +00:00
bender
2003e868f9 Merge version_2 into main 
Merge version_2 into main
 2026-04-01 21:06:33 +00:00
bender
b0af2a8616 Update src/app/styles/variables.css 2026-04-01 21:06:27 +00:00
bender
e8132b1aec Update src/app/page.tsx 2026-04-01 21:06:27 +00:00
bender
1c71f1e70b Merge version_1 into main 
Merge version_1 into main
 2026-04-01 20:44:13 +00:00
bender
1d2e6b659c Merge version_1 into main 
Merge version_1 into main
 2026-04-01 20:43:51 +00:00
6 changed files with 193 additions and 335 deletions
Expand all files Collapse all files

3
src/app/layout.tsx
View File

@@ -4,7 +4,6 @@ import { Inter } from "next/font/google";
import "./globals.css"; import "./globals.css";
import "@/lib/gsap-setup"; import "@/lib/gsap-setup";
import { ServiceWrapper } from "@/components/ServiceWrapper"; import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
import { getVisualEditScript } from "@/utils/visual-edit-script"; import { getVisualEditScript } from "@/utils/visual-edit-script";
import { Archivo } from "next/font/google"; import { Archivo } from "next/font/google";
@@ -35,7 +34,7 @@ export default function RootLayout({
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body className={`${archivo.variable} antialiased`}> <body className={`${archivo.variable} antialiased`}>
<Tag />
{children} {children}
<script <script
dangerouslySetInnerHTML={{ dangerouslySetInnerHTML={{

278
src/app/page.tsx
View File

@@ -4,221 +4,95 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import FooterBase from '@/components/sections/footer/FooterBase'; import FooterBase from '@/components/sections/footer/FooterBase';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard'; import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import TextAbout from '@/components/sections/about/TextAbout'; import TextAbout from '@/components/sections/about/TextAbout';
import { ArrowDown, Layers, Shield, Zap } from "lucide-react"; import ProductCardThree from '@/components/sections/product/ProductCardThree';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
export default function LandingPage() { export default function LandingPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="hover-magnetic" defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide" defaultTextAnimation="reveal-blur"
borderRadius="soft" borderRadius="soft"
contentWidth="small" contentWidth="mediumLarge"
sizing="largeSmall" sizing="large"
background="none" background="none"
cardStyle="soft-shadow" cardStyle="outline"
primaryButtonStyle="radial-glow" primaryButtonStyle="flat"
secondaryButtonStyle="radial-glow" secondaryButtonStyle="solid"
headingFontWeight="medium" headingFontWeight="medium"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={[
{ { name: "Home", id: "/" },
name: "Home", { name: "Vehicles", id: "/vehicles" },
id: "/", { name: "Valkyrion", id: "/valkyrion" },
}, { name: "EON GT", id: "/eon-gt" },
{ { name: "Configurator", id: "/configurator" },
name: "Vehicles", { name: "About", id: "/about" },
id: "/vehicles", ]}
}, brandName="VALOR PERFORMANCE"
{ />
name: "Configurator", </div>
id: "/configurator",
},
{
name: "About",
id: "/about",
},
]}
brandName="VALOR PERFORMANCE"
/>
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroLogoBillboard <HeroLogoBillboard
background={{ logoText="ENGINEERED WITHOUT COMPROMISE"
variant: "canvas-reveal", description="Built for those who demand control"
}} buttons={[]}
logoText="VALOR PERFORMANCE" mediaAnimation="none"
description="Performance-Fahrzeuge, Umbauten und eigene Prototypen. Entwickelt ohne Rücksicht auf Konventionen." background={{ variant: "plain" }}
buttons={[ />
{ </div>
text: "Zum Konfigurator",
href: "/configurator",
},
{
text: "Valor Vehicles entdecken",
href: "/vehicles",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/young-man-closing-trunk_23-2148321895.jpg?_wi=1"
imageAlt="Valor Engineering Performance Prototype"
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about"> <div id="oath" data-section="oath">
<TextAbout <TextAbout
useInvertedBackground={false} title="THE OATH"
title="THE OATH" useInvertedBackground={false}
buttons={[ />
{ </div>
text: "Unsere Philosophie",
href: "/about",
},
]}
buttonAnimation="slide-up"
/>
</div>
<div id="product" data-section="product"> <div id="vehicles" data-section="vehicles">
<ProductCardThree <ProductCardThree
animationType="slide-up" title="VEHICLES"
textboxLayout="split" description="Performance defined."
gridVariant="two-columns-alternating-heights" animationType="none"
useInvertedBackground={true} gridVariant="three-columns-all-equal-width"
products={[ textboxLayout="default"
{ useInvertedBackground={false}
id: "1", products={[
name: "Valkyrion V12-HR", { id: "v1", name: "Valkyrion", price: "", imageSrc: "https://images.unsplash.com/photo-1542362567-b07e542567dc" },
price: "Prototype", { id: "v2", name: "EON GT", price: "", imageSrc: "https://images.unsplash.com/photo-1580273916550-e323be2ae537" },
imageSrc: "http://img.b2bpic.net/free-photo/metallic-color-sport-car-bridge-sunset_114579-4083.jpg?_wi=1", { id: "v3", name: "Custom Builds", price: "", imageSrc: "https://images.unsplash.com/photo-1592198084033-aade902d1aae" }
}, ]}
{ />
id: "2", </div>
name: "Valor EON GT",
price: "Concept",
imageSrc: "http://img.b2bpic.net/free-vector/car-background-design_1268-550.jpg?_wi=1",
},
{
id: "3",
name: "Custom Builds",
price: "Inquiry",
imageSrc: "http://img.b2bpic.net/free-photo/diverse-business-leaders-sharing-their-expertise-new-collaboration-opportunity-discussing_482257-132123.jpg?_wi=1",
},
]}
title="VALOR VEHICLES"
description="Unsere Fahrzeuge folgen keiner Norm. Sie entstehen aus Überzeugung."
/>
</div>
<div id="metric" data-section="metric"> <div id="build" data-section="build">
<MetricCardOne <TextAbout
animationType="slide-up" title="BUILD YOUR PERFORMANCE"
textboxLayout="default" buttons={[{ text: "Begin Build", href: "/configurator" }]}
gridVariant="uniform-all-items-equal" useInvertedBackground={true}
useInvertedBackground={false} />
title="Performance at Scale" </div>
description="Engineering-Benchmarks ohne Kompromisse."
metrics={[
{
id: "m1",
value: "1.580",
title: "Horsepower",
description: "Peak output achieved.",
icon: Zap,
},
{
id: "m2",
value: "2.6t",
title: "Downforce",
description: "Maximum aerodynamic load.",
icon: ArrowDown,
},
{
id: "m3",
value: "100%",
title: "Precision",
description: "Engineering standards.",
icon: Shield,
},
{
id: "m4",
value: "22",
title: "Concepts",
description: "Unique development platforms.",
icon: Layers,
},
]}
/>
</div>
<div id="team" data-section="team"> <div id="about" data-section="about">
<TeamCardOne <TextAbout
animationType="slide-up" title="ABOUT VALOR"
textboxLayout="default" useInvertedBackground={false}
gridVariant="uniform-all-items-equal" />
useInvertedBackground={false} </div>
title="The Engineering Team"
description="Hinter jeder Komponente steht pure Leidenschaft."
members={[
{
id: "p1",
name: "Erik Valor",
role: "Lead Engineer",
imageSrc: "http://img.b2bpic.net/free-photo/diverse-business-leaders-sharing-their-expertise-new-collaboration-opportunity-discussing_482257-132123.jpg?_wi=2",
},
{
id: "p2",
name: "Dr. Sarah Weiss",
role: "Aerodynamics",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-closing-trunk_23-2148321895.jpg?_wi=2",
},
]}
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBase <FooterBase
columns={[ columns={[]}
{ logoText="VALOR PERFORMANCE"
title: "Models", copyrightText="© 2025 Valor Performance"
items: [ />
{ </div>
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> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }

12
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #000000; --background: #0a0a0a;
--card: #0c0c0c; --card: #1a1a1a;
--foreground: #ffffff; --foreground: #ffffff;
--primary-cta: #cee7ff; --primary-cta: #e6e6e6;
--primary-cta-text: #000000; --primary-cta-text: #000000;
--secondary-cta: #000000; --secondary-cta: #1a1a1a;
--secondary-cta-text: #ffffff; --secondary-cta-text: #ffffff;
--accent: #535353; --accent: #333333;
--background-accent: #CEE7FF; --background-accent: #1a1a1a;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

39
src/app/vehicles/eon-gt/page.tsx Normal file
View File

@@ -0,0 +1,39 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterBase from '@/components/sections/footer/FooterBase';
import TextAbout from '@/components/sections/about/TextAbout';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
export default function EonGtPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="mediumLarge"
sizing="large"
background="none"
cardStyle="outline"
primaryButtonStyle="flat"
secondaryButtonStyle="solid"
headingFontWeight="medium"
>
<ReactLenis root>
<NavbarStyleApple
navItems={[{ name: "Home", id: "/" }, { name: "Vehicles", id: "/vehicles" }, { name: "Configurator", id: "/configurator" }, { name: "About", id: "/about" }]}
brandName="VALOR PERFORMANCE"
/>
<div className="pt-32 pb-20">
<TextAbout
title="EON GT"
useInvertedBackground={false}
buttons={[{ text: "Configure Now", href: "/configurator" }]}
/>
</div>
<FooterBase columns={[]} logoText="VALOR PERFORMANCE" copyrightText="© 2025 Valor Performance" />
</ReactLenis>
</ThemeProvider>
);
}

157
src/app/vehicles/page.tsx
View File

@@ -2,138 +2,45 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterBase from '@/components/sections/footer/FooterBase'; import FooterBase from '@/components/sections/footer/FooterBase';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple'; import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
export default function LandingPage() { export default function VehiclesPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="hover-magnetic" defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide" defaultTextAnimation="reveal-blur"
borderRadius="soft" borderRadius="soft"
contentWidth="small" contentWidth="mediumLarge"
sizing="largeSmall" sizing="large"
background="none" background="none"
cardStyle="soft-shadow" cardStyle="outline"
primaryButtonStyle="radial-glow" primaryButtonStyle="flat"
secondaryButtonStyle="radial-glow" secondaryButtonStyle="solid"
headingFontWeight="medium" headingFontWeight="medium"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <NavbarStyleApple
<NavbarStyleApple navItems={[{ name: "Home", id: "/" }, { name: "Vehicles", id: "/vehicles" }, { name: "Configurator", id: "/configurator" }, { name: "About", id: "/about" }]}
navItems={[ brandName="VALOR PERFORMANCE"
{ />
name: "Home", <div className="pt-32 pb-20">
id: "/", <ProductCardThree
}, title="OUR VEHICLES"
{ description="Engineered for ultimate performance."
name: "Vehicles", animationType="slide-up"
id: "/vehicles", gridVariant="three-columns-all-equal-width"
}, textboxLayout="default"
{ useInvertedBackground={false}
name: "Configurator", products={[
id: "/configurator", { id: "v1", name: "Valkyrion", price: "$250,000", imageSrc: "https://images.unsplash.com/photo-1542362567-b07e542567dc", priceButtonProps: { href: "/vehicles/valkyrion" } },
}, { id: "v2", name: "EON GT", price: "$180,000", imageSrc: "https://images.unsplash.com/photo-1580273916550-e323be2ae537", priceButtonProps: { href: "/vehicles/eon-gt" } }
{ ]}
name: "About", />
id: "/about", </div>
}, <FooterBase columns={[]} logoText="VALOR PERFORMANCE" copyrightText="© 2025 Valor Performance" />
]}
brandName="VALOR PERFORMANCE"
/>
</div>
<div id="feature" data-section="feature">
<FeatureCardSixteen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
negativeCard={{
items: [
"Not for sale",
"Track only",
"Extreme setup",
"Prohibited road use",
"Specialized logistics",
],
}}
positiveCard={{
items: [
"1.580 PS",
"2.600 kg Downforce",
"Pure Engineering",
"Advanced Metallurgy",
"Precision Tuning",
],
}}
title="VALOR VEHICLES"
description="Valor Vehicles sind eigenständig entwickelte Hochleistungsfahrzeuge."
/>
</div>
<div id="product" data-section="product">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Current Fleet"
description="Entdecke unsere aktuellen Prototypen."
products={[
{
id: "v1",
name: "Valkyrion",
price: "POA",
imageSrc: "http://img.b2bpic.net/free-photo/metallic-color-sport-car-bridge-sunset_114579-4083.jpg?_wi=2",
},
{
id: "v2",
name: "EON GT",
price: "POA",
imageSrc: "http://img.b2bpic.net/free-vector/car-background-design_1268-550.jpg?_wi=2",
},
]}
/>
</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> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }

39
src/app/vehicles/valkyrion/page.tsx Normal file
View File

@@ -0,0 +1,39 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterBase from '@/components/sections/footer/FooterBase';
import TextAbout from '@/components/sections/about/TextAbout';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
export default function ValkyrionPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="mediumLarge"
sizing="large"
background="none"
cardStyle="outline"
primaryButtonStyle="flat"
secondaryButtonStyle="solid"
headingFontWeight="medium"
>
<ReactLenis root>
<NavbarStyleApple
navItems={[{ name: "Home", id: "/" }, { name: "Vehicles", id: "/vehicles" }, { name: "Configurator", id: "/configurator" }, { name: "About", id: "/about" }]}
brandName="VALOR PERFORMANCE"
/>
<div className="pt-32 pb-20">
<TextAbout
title="VALKYRION"
useInvertedBackground={false}
buttons={[{ text: "Configure Now", href: "/configurator" }]}
/>
</div>
<FooterBase columns={[]} logoText="VALOR PERFORMANCE" copyrightText="© 2025 Valor Performance" />
</ReactLenis>
</ThemeProvider>
);
}