Merge version_1 into main #2
@@ -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 ElectriciansPage() {
|
||||
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="elec-about" data-section="elec-about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Fast, Reliable Electrical Support"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="elec-features" data-section="elec-features">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Expert Installs",
|
||||
description: "Safe, professional setups.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-24593.jpg?_wi=5",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-24593.jpg?_wi=6",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg?_wi=2",
|
||||
imageAlt: "happy woman professional",
|
||||
},
|
||||
{
|
||||
title: "Compliance (COC)",
|
||||
description: "Everything safety certified.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-24593.jpg?_wi=7",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-24593.jpg?_wi=8",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-grey-haired-man-standing-with-folded-hands-smiling-looking-away_74855-8067.jpg?_wi=2",
|
||||
imageAlt: "happy customer professional man",
|
||||
},
|
||||
{
|
||||
title: "Emergency Repairs",
|
||||
description: "Call us when you need us.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-24593.jpg?_wi=9",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-24593.jpg?_wi=10",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-adult-son-his-mature-father-holding-hands-while-greeting-each-other-kitchen_637285-10296.jpg?_wi=2",
|
||||
imageAlt: "elderly professional portrait",
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="Our Electrical Services"
|
||||
description="Certified experts for all your repairs."
|
||||
/>
|
||||
</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="elec-about" data-section="elec-about">
|
||||
<TextAbout title="Fast, Reliable Electrical Support" useInvertedBackground={false} />
|
||||
</div>
|
||||
<div id="elec-features" data-section="elec-features">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
showStepNumbers={false}
|
||||
title="Our Electrical Services"
|
||||
description="Certified experts for all your repairs."
|
||||
features={[
|
||||
{ title: "Expert Installs", description: "Safe, professional setups.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-24593.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-24593.jpg" } },
|
||||
{ title: "Compliance (COC)", description: "Everything safety certified.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-24593.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-24593.jpg" } },
|
||||
{ title: "Emergency Repairs", description: "Call us when you need us.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-24593.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-24593.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>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
426
src/app/page.tsx
426
src/app/page.tsx
@@ -2,13 +2,11 @@
|
||||
|
||||
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 HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -25,355 +23,83 @@ 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="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="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Power Your Home & Business Without Load Shedding"
|
||||
description="Reliable solar and electrical solutions across South Africa."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Solar Now",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Call 064 184 7070",
|
||||
href: "tel:0641847070",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shareholders-reviewing-solar-panel-components-analyzing-material-quality_482257-123381.jpg?_wi=1",
|
||||
imageAlt: "Modern solar panels on a residential roof",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industrial-consultant-examines-high-tech-solar-energy-production-line_482257-125958.jpg?_wi=1",
|
||||
imageAlt: "Commercial solar warehouse installation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/house-holding-blank-sign_1156-354.jpg?_wi=1",
|
||||
imageAlt: "Residential solar energy system",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photovoltaic-power-station-middle-field-with-sheep39s_657883-383.jpg?_wi=1",
|
||||
imageAlt: "Large scale solar farm landscape",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-24593.jpg?_wi=1",
|
||||
imageAlt: "Professional electrical maintenance",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Power Your Home & Business Without Load Shedding"
|
||||
description="Reliable solar and electrical solutions across South Africa."
|
||||
buttons={[
|
||||
{ text: "Get Solar Now", href: "#" },
|
||||
{ text: "Call 064 184 7070", href: "tel:0641847070" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/shareholders-reviewing-solar-panel-components-analyzing-material-quality_482257-123381.jpg", imageAlt: "Modern solar panels on a residential roof" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/industrial-consultant-examines-high-tech-solar-energy-production-line_482257-125958.jpg", imageAlt: "Commercial solar warehouse installation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/house-holding-blank-sign_1156-354.jpg", imageAlt: "Residential solar energy system" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/photovoltaic-power-station-middle-field-with-sheep39s_657883-383.jpg", imageAlt: "Large scale solar farm landscape" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-24593.jpg", imageAlt: "Professional electrical maintenance" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Business Solar",
|
||||
description: "Reliable business solutions with rental or ownership options.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industrial-consultant-examines-high-tech-solar-energy-production-line_482257-125958.jpg?_wi=2",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industrial-consultant-examines-high-tech-solar-energy-production-line_482257-125958.jpg?_wi=3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shareholders-reviewing-solar-panel-components-analyzing-material-quality_482257-123381.jpg?_wi=2",
|
||||
imageAlt: "modern solar panels roof residential",
|
||||
},
|
||||
{
|
||||
title: "Home Solar",
|
||||
description: "Subscription-based packages to eliminate load shedding.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/house-holding-blank-sign_1156-354.jpg?_wi=2",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/house-holding-blank-sign_1156-354.jpg?_wi=3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industrial-consultant-examines-high-tech-solar-energy-production-line_482257-125958.jpg?_wi=4",
|
||||
imageAlt: "solar panels commercial warehouse",
|
||||
},
|
||||
{
|
||||
title: "Large Scale Solar",
|
||||
description: "Industrial and farming-grade solar energy systems.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photovoltaic-power-station-middle-field-with-sheep39s_657883-383.jpg?_wi=2",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photovoltaic-power-station-middle-field-with-sheep39s_657883-383.jpg?_wi=3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/house-holding-blank-sign_1156-354.jpg?_wi=4",
|
||||
imageAlt: "home solar installation modern",
|
||||
},
|
||||
{
|
||||
title: "Electricians on Call",
|
||||
description: "Maintenance, repairs, and compliance by experts.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-24593.jpg?_wi=2",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-24593.jpg?_wi=3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photovoltaic-power-station-middle-field-with-sheep39s_657883-383.jpg?_wi=4",
|
||||
imageAlt: "solar farm landscape view",
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="Our Professional Services"
|
||||
description="Comprehensive energy and electrical solutions for every need."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
showStepNumbers={false}
|
||||
title="Our Professional Services"
|
||||
description="Comprehensive energy and electrical solutions for every need."
|
||||
features={[
|
||||
{ title: "Business Solar", description: "Reliable business solutions with rental or ownership options.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/industrial-consultant-examines-high-tech-solar-energy-production-line_482257-125958.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/industrial-consultant-examines-high-tech-solar-energy-production-line_482257-125958.jpg" } },
|
||||
{ title: "Home Solar", description: "Subscription-based packages to eliminate load shedding.", 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: "Large Scale Solar", description: "Industrial and farming-grade solar energy systems.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/photovoltaic-power-station-middle-field-with-sheep39s_657883-383.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/photovoltaic-power-station-middle-field-with-sheep39s_657883-383.jpg" } },
|
||||
{ title: "Electricians on Call", description: "Maintenance, repairs, and compliance by experts.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-24593.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-24593.jpg" } },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
date: "2024-05",
|
||||
title: "Homeowner",
|
||||
quote: "Finally load shedding free!",
|
||||
tag: "Satisfied",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-african-american-woman-with-shopping-bags_1262-3550.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-woman-with-shopping-bags_1262-3550.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike B.",
|
||||
date: "2024-04",
|
||||
title: "Business Owner",
|
||||
quote: "Seamless installation, great service.",
|
||||
tag: "Reliable",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
date: "2024-03",
|
||||
title: "Homeowner",
|
||||
quote: "Professional, clean and fast.",
|
||||
tag: "Recommended",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
date: "2024-02",
|
||||
title: "Farmer",
|
||||
quote: "Our farming yields are better now.",
|
||||
tag: "Excellent",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/handsome-grey-haired-man-standing-with-folded-hands-smiling-looking-away_74855-8067.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-grey-haired-man-standing-with-folded-hands-smiling-looking-away_74855-8067.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jane D.",
|
||||
date: "2024-01",
|
||||
title: "Homeowner",
|
||||
quote: "Amazing support team.",
|
||||
tag: "Professional",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-adult-son-his-mature-father-holding-hands-while-greeting-each-other-kitchen_637285-10296.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-adult-son-his-mature-father-holding-hands-while-greeting-each-other-kitchen_637285-10296.jpg?_wi=1",
|
||||
},
|
||||
]}
|
||||
title="Trusted by South Africans"
|
||||
description="See why our customers love our service."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Trusted by South Africans"
|
||||
description="See why our customers love our service."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", date: "2024-05", title: "Homeowner", quote: "Finally load shedding free!", tag: "Satisfied", avatarSrc: "http://img.b2bpic.net/free-photo/happy-african-american-woman-with-shopping-bags_1262-3550.jpg", imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-woman-with-shopping-bags_1262-3550.jpg" },
|
||||
{ id: "2", name: "Mike B.", date: "2024-04", title: "Business Owner", quote: "Seamless installation, great service.", tag: "Reliable", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg", imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg" },
|
||||
{ id: "3", name: "Emily R.", date: "2024-03", title: "Homeowner", quote: "Professional, clean and fast.", tag: "Recommended", avatarSrc: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg", imageSrc: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg" },
|
||||
{ id: "4", name: "David K.", date: "2024-02", title: "Farmer", quote: "Our farming yields are better now.", tag: "Excellent", avatarSrc: "http://img.b2bpic.net/free-photo/handsome-grey-haired-man-standing-with-folded-hands-smiling-looking-away_74855-8067.jpg", imageSrc: "http://img.b2bpic.net/free-photo/handsome-grey-haired-man-standing-with-folded-hands-smiling-looking-away_74855-8067.jpg" },
|
||||
{ id: "5", name: "Jane D.", date: "2024-01", title: "Homeowner", quote: "Amazing support team.", tag: "Professional", avatarSrc: "http://img.b2bpic.net/free-photo/happy-adult-son-his-mature-father-holding-hands-while-greeting-each-other-kitchen_637285-10296.jpg", imageSrc: "http://img.b2bpic.net/free-photo/happy-adult-son-his-mature-father-holding-hands-while-greeting-each-other-kitchen_637285-10296.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Nano Electrical?"
|
||||
description="We combine industry-leading technology with unmatched local service."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/shareholders-reviewing-solar-panel-components-analyzing-material-quality_482257-123381.jpg?_wi=3"
|
||||
imageAlt="Team installing solar panels"
|
||||
mediaAnimation="slide-up"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Certified Experts",
|
||||
description: "Fully compliant and licensed technicians.",
|
||||
},
|
||||
{
|
||||
title: "Rapid Deployment",
|
||||
description: "Installation typically within 2 weeks.",
|
||||
},
|
||||
{
|
||||
title: "Flexible Financing",
|
||||
description: "Tailored payment plans for all.",
|
||||
},
|
||||
{
|
||||
title: "24/7 Support",
|
||||
description: "Always here when you need help.",
|
||||
},
|
||||
{
|
||||
title: "Quality Assured",
|
||||
description: "Top-tier components with long warranties.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Solar Energy Plans"
|
||||
description="Affordable power solutions for every budget."
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
title: "Essential Home",
|
||||
price: "R899",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Basic Setup",
|
||||
"Panel & Inverter",
|
||||
"Standard Install",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/house-holding-blank-sign_1156-354.jpg?_wi=5",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
title: "Smart Power",
|
||||
price: "R1,450",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Advanced Setup",
|
||||
"Battery Backup",
|
||||
"Smart Monitoring",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/house-holding-blank-sign_1156-354.jpg?_wi=6",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
title: "Commercial Basic",
|
||||
price: "R2,200",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Small Business Pack",
|
||||
"High Efficiency",
|
||||
"Commercial Warranty",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industrial-consultant-examines-high-tech-solar-energy-production-line_482257-125958.jpg?_wi=5",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
title: "Commercial Pro",
|
||||
price: "R4,500",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Enterprise Power",
|
||||
"Full Battery Array",
|
||||
"Priority Support",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industrial-consultant-examines-high-tech-solar-energy-production-line_482257-125958.jpg?_wi=6",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
title: "Industrial Scale",
|
||||
price: "R8,900",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Farm Grid",
|
||||
"Custom Engineering",
|
||||
"Unlimited Scale",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photovoltaic-power-station-middle-field-with-sheep39s_657883-383.jpg?_wi=5",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</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="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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user