bender/034ac594-f687-4d66-ac46-66bd9cd95846
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-05-09 08:33:42 +00:00
parent 0642c717c2
commit 4a7297e69b
1 changed files with 43 additions and 96 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -7,7 +7,7 @@ import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TextAbout from '@/components/sections/about/TextAbout'; import TextAbout from '@/components/sections/about/TextAbout';
export default function LandingPage() { export default function AboutPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="elastic-effect" defaultButtonVariant="elastic-effect"
@@ -22,104 +22,51 @@ export default function LandingPage() {
headingFontWeight="normal" headingFontWeight="normal"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ { name: "Home", id: "/" },
name: "Home", { name: "Shop", id: "/shop" },
id: "/", { name: "About", id: "/about" },
}, { name: "Affiliate", id: "/affiliate" },
{ ]}
name: "Shop", brandName="Noor Arte"
id: "/shop", button={{ text: "Contact", href: "/affiliate" }}
}, />
{ </div>
name: "About",
id: "/about",
},
{
name: "Affiliate",
id: "/affiliate",
},
]}
brandName="Noor Arte"
/>
</div>
<div id="about-content" data-section="about-content"> <div id="about-content" data-section="about-content">
<TextAbout <TextAbout
useInvertedBackground={false} useInvertedBackground={false}
title="The Soul of Noor Arte" title="The Soul of Noor Arte"
/> />
</div> </div>
<div id="about-faq" data-section="about-faq"> <div id="about-faq" data-section="about-faq">
<FaqDouble <FaqDouble
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
faqs={[ faqs={[
{ { id: "f1", title: "Are materials genuine?", content: "Yes, we use solid silver and authentic enamels." },
id: "f1", { id: "f2", title: "Where is it made?", content: "Every piece is crafted by masters." },
title: "Are materials genuine?", { id: "f3", title: "Care instructions?", content: "Polish softly and avoid chemicals." },
content: "Yes, we use solid silver and authentic enamels.", ]}
}, title="Heritage & Questions"
{ faqsAnimation="slide-up"
id: "f2", description="Learn more about our materials, craft, and care guidelines."
title: "Where is it made?", />
content: "Every piece is crafted by masters.", </div>
},
{
id: "f3",
title: "Care instructions?",
content: "Polish softly and avoid chemicals.",
},
]}
title="Heritage & Questions"
faqsAnimation="slide-up"
description="Learn more about our materials, craft, and care guidelines."
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoEmphasis <FooterLogoEmphasis
columns={[ columns={[
{ { items: [{ label: "Shop All", href: "/shop" }, { label: "About", href: "/about" }, { label: "Affiliate", href: "/affiliate" }] },
items: [ { items: [{ label: "Terms", href: "/terms" }, { label: "Privacy", href: "/privacy" }, { label: "Shipping", href: "/shipping" }] },
{ ]}
label: "Shop All", logoText="Noor Arte"
href: "/shop", />
}, </div>
{
label: "About",
href: "/about",
},
{
label: "Affiliate",
href: "/affiliate",
},
],
},
{
items: [
{
label: "Terms",
href: "/terms",
},
{
label: "Privacy",
href: "/privacy",
},
{
label: "Shipping",
href: "/shipping",
},
],
},
]}
logoText="Noor Arte"
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }