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

137
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 TextAbout from '@/components/sections/about/TextAbout';
export default function LandingPage() {
export default function AboutPage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
@@ -22,103 +22,50 @@ export default function LandingPage() {
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Shop",
id: "/shop",
},
{
name: "About",
id: "/about",
},
{
name: "Affiliate",
id: "/affiliate",
},
]}
brandName="Noor Arte"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "/" },
{ name: "Shop", id: "/shop" },
{ name: "About", id: "/about" },
{ name: "Affiliate", id: "/affiliate" },
]}
brandName="Noor Arte"
button={{ text: "Contact", href: "/affiliate" }}
/>
</div>
<div id="about-content" data-section="about-content">
<TextAbout
useInvertedBackground={false}
title="The Soul of Noor Arte"
/>
</div>
<div id="about-content" data-section="about-content">
<TextAbout
useInvertedBackground={false}
title="The Soul of Noor Arte"
/>
</div>
<div id="about-faq" data-section="about-faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "Are materials genuine?",
content: "Yes, we use solid silver and authentic enamels.",
},
{
id: "f2",
title: "Where is it made?",
content: "Every piece is crafted by masters.",
},
{
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="about-faq" data-section="about-faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{ id: "f1", title: "Are materials genuine?", content: "Yes, we use solid silver and authentic enamels." },
{ id: "f2", title: "Where is it made?", content: "Every piece is crafted by masters." },
{ 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">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Shop All",
href: "/shop",
},
{
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>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{ items: [{ label: "Shop All", href: "/shop" }, { 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>
</ThemeProvider>
);