bender/b70c607b-da92-45a0-9ae4-da0610501bf0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/home-solar/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-09 16:53:00 +00:00
parent d6a6808c62
commit 646d5ece5f
1 changed files with 45 additions and 138 deletions
Download Patch File Download Diff File Expand all files Collapse all files

183
src/app/home-solar/page.tsx
View File

@@ -2,12 +2,12 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
export default function LandingPage() {
export default function HomeSolarPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
@@ -22,141 +22,48 @@ export default function LandingPage() {
headingFontWeight="light"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Business Solar",
id: "/business-solar",
},
{
name: "Home Solar",
id: "/home-solar",
},
{
name: "Large Scale",
id: "/large-scale",
},
{
name: "Electricians",
id: "/electricians",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="Nano Electrical"
/>
</div>
<div id="home-about" data-section="home-about">
<TextAbout
useInvertedBackground={false}
title="Power Your Home. Eliminate Load Shedding."
/>
</div>
<div id="home-features" data-section="home-features">
<FeatureCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{
title: "Continuous Power",
description: "Never lose power again.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/house-holding-blank-sign_1156-354.jpg?_wi=7",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/house-holding-blank-sign_1156-354.jpg?_wi=8",
},
imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-24593.jpg?_wi=4",
imageAlt: "electrician working distribution board",
},
{
title: "Big Savings",
description: "Reduce your monthly energy costs.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/house-holding-blank-sign_1156-354.jpg?_wi=9",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/house-holding-blank-sign_1156-354.jpg?_wi=10",
},
imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-woman-with-shopping-bags_1262-3550.jpg?_wi=2",
imageAlt: "happy south african customer",
},
{
title: "Fast Install",
description: "Installed within 2 weeks.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/house-holding-blank-sign_1156-354.jpg?_wi=11",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/house-holding-blank-sign_1156-354.jpg?_wi=12",
},
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg?_wi=2",
imageAlt: "business manager professional portrait",
},
]}
showStepNumbers={false}
title="Why Choose Nano Solar?"
description="Simple energy solutions for your family."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Nano Electrical"
columns={[
{
title: "Company",
items: [
{
label: "About",
href: "#",
},
{
label: "Services",
href: "#services",
},
],
},
{
title: "Solar",
items: [
{
label: "Home",
href: "/home-solar",
},
{
label: "Business",
href: "/business-solar",
},
],
},
{
title: "Contact",
items: [
{
label: "064 184 7070",
href: "tel:0641847070",
},
{
label: "Contact Form",
href: "/contact",
},
],
},
]}
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Home", id: "/" },
{ name: "Business Solar", id: "/business-solar" },
{ name: "Home Solar", id: "/home-solar" },
{ name: "Large Scale", id: "/large-scale" },
{ name: "Electricians", id: "/electricians" },
{ name: "Contact", id: "/contact" },
]}
brandName="Nano Electrical"
/>
</div>
<div id="home-about" data-section="home-about">
<TextAbout title="Power Your Home. Eliminate Load Shedding." useInvertedBackground={false} />
</div>
<div id="home-features" data-section="home-features">
<FeatureCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
showStepNumbers={false}
title="Why Choose Nano Solar?"
description="Simple energy solutions for your family."
features={[
{ title: "Continuous Power", description: "Never lose power again.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/house-holding-blank-sign_1156-354.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/house-holding-blank-sign_1156-354.jpg" } },
{ title: "Big Savings", description: "Reduce your monthly energy costs.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/house-holding-blank-sign_1156-354.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/house-holding-blank-sign_1156-354.jpg" } },
{ title: "Fast Install", description: "Installed within 2 weeks.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/house-holding-blank-sign_1156-354.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/house-holding-blank-sign_1156-354.jpg" } },
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Nano Electrical"
columns={[
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Services", href: "#services" }] },
{ title: "Solar", items: [{ label: "Home", href: "/home-solar" }, { label: "Business", href: "/business-solar" }] },
{ title: "Contact", items: [{ label: "064 184 7070", href: "tel:0641847070" }, { label: "Contact Form", href: "/contact" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}