bender/67b2eb3e-19f2-43b9-a195-1c1e020f06ff
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-03-30 09:45:48 +00:00
parent 39fbcebafb
commit af0eeda8b5
1 changed files with 23 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -7,108 +7,36 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
export default function LandingPage() {
export default function AboutPage() {
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Collections",
id: "/collections",
},
{
name: "About",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="Fashion Artist"
/>
</div>
<div id="about-body" data-section="about-body">
<TextSplitAbout
useInvertedBackground={false}
title="About the Designer"
description={[
"With over a decade of experience in couture, my design philosophy focuses on the intersection of avant-garde artistic expression and practical, sustainable luxury. Each garment is handcrafted to embody a unique narrative.",
"I work with global artisans to source ethical, high-quality materials that align with a commitment to long-term fashion stewardship. My work has been featured in major international style publications.",
]}
/>
</div>
<div id="team" data-section="team">
<TeamCardFive
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Meet Our Team"
description="The creative minds behind Fashion Artist."
team={[
{
id: "tm1",
name: "Jane Designer",
role: "Creative Director",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-standing-office_1303-22654.jpg",
},
{
id: "tm2",
name: "John Master",
role: "Head Atelier",
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-working-late-office_1303-27094.jpg",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Collections",
href: "/collections",
},
{
label: "About",
href: "/about",
},
{
label: "Contact",
href: "/contact",
},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
logoText="FASHION ARTIST"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[{ name: "Home", id: "/" }, { name: "Collections", id: "/collections" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]}
brandName="Fashion Artist"
/>
</div>
<div id="about-body" data-section="about-body">
<TextSplitAbout useInvertedBackground={false} title="About the Designer" description={["With over a decade of experience in couture, my design philosophy focuses on the intersection of avant-garde artistic expression and practical, sustainable luxury. Each garment is handcrafted to embody a unique narrative.", "I work with global artisans to source ethical, high-quality materials that align with a commitment to long-term fashion stewardship. My work has been featured in major international style publications."]} />
</div>
<div id="team" data-section="team">
<TeamCardFive animationType="slide-up" textboxLayout="default" useInvertedBackground={false} title="Meet Our Team" description="The creative minds behind Fashion Artist." team={[{ id: "tm1", name: "Jane Designer", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-standing-office_1303-22654.jpg" }, { id: "tm2", name: "John Master", role: "Head Atelier", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-working-late-office_1303-27094.jpg" }]} />
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis columns={[{ items: [{ label: "Collections", href: "/collections" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }, { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }]} logoText="FASHION ARTIST" />
</div>
</ReactLenis>
</ThemeProvider>
);