bender/f51663a2-19fb-43a1-86fa-9878f0714122
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Update src/app/about/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-26 02:51:33 +00:00
parent c6f828c963
commit b0eee9ac7a
1 changed files with 39 additions and 100 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,12 +1,11 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import FooterBase from '@/components/sections/footer/FooterBase';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
export default function LandingPage() {
export default function AboutPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
@@ -15,104 +14,44 @@ export default function LandingPage() {
contentWidth="medium"
sizing="mediumLargeSizeLargeTitles"
background="circleGradient"
cardStyle="gradient-bordered"
primaryButtonStyle="shadow"
secondaryButtonStyle="layered"
headingFontWeight="bold"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Services",
id: "/services",
},
{
name: "About",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="Rocky's Plumbing"
/>
</div>
<div id="feature" data-section="feature">
<FeatureCardTwentySeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Our Craftsmanship"
description="Built on years of professional experience."
features={[
{
id: "a1",
title: "Meet the Team",
descriptions: [
"Fully certified.",
"Extremely professional.",
],
imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-with-confident-smile-face-crossed-arms-with-adjustable-wrench-hand-isolated-orange-wall_141793-16007.jpg",
},
{
id: "a2",
title: "Quality Promise",
descriptions: [
"Unmatched quality control.",
"Guaranteed work.",
],
imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-with-confident-smile-face-crossed-arms-isolated-orange-wall_141793-16006.jpg",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Company",
items: [
{
label: "About",
href: "/about",
},
{
label: "Services",
href: "/services",
},
{
label: "Contact",
href: "/contact",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
logoText="Rocky's Plumbing"
/>
</div>
</ReactLenis>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Contact", id: "/contact" }
]}
brandName="Rocky's Plumbing"
/>
</div>
<div id="feature" data-section="feature">
<FeatureCardTwentySeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Our Craftsmanship"
description="Built on years of professional experience."
features={[
{ id: "a1", title: "Meet the Team", descriptions: ["Fully certified.", "Extremely professional."], imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-with-confident-smile-face-crossed-arms-with-adjustable-wrench-hand-isolated-orange-wall_141793-16007.jpg" },
{ id: "a2", title: "Quality Promise", descriptions: ["Unmatched quality control.", "Guaranteed work."], imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-with-confident-smile-face-crossed-arms-isolated-orange-wall_141793-16006.jpg" }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
logoText="Rocky's Plumbing"
columns={[
{ title: "Company", items: [ { label: "Home", href: "/" }, { label: "Services", href: "/services" }, { label: "Contact", href: "/contact" } ] },
{ title: "Legal", items: [ { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" } ] }
]}
/>
</div>
</ThemeProvider>
);
}