bender/cf4ef731-87f3-4b00-959b-e88bb89a17ff
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-25 06:34:43 +00:00
parent 2540d3fdea
commit 779e6a6208
1 changed files with 19 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
src/app/page.tsx
View File

@@ -2,8 +2,7 @@
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
@@ -12,6 +11,20 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { MapPin, Award, Headphones, DollarSign, Star } from "lucide-react";
export default function LandingPage() {
const commonNavItems = [
{ name: "Services", id: "/services-page" },
{ name: "About Us", id: "/about-us" },
{ name: "Projects", id: "projects" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" }
];
const commonFooterColumns = [
{ items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services-page" }, { label: "Projects", href: "#projects" }] },
{ items: [{ label: "About Us", href: "/about-us" }, { label: "Testimonials", href: "#testimonials" }, { label: "Contact", href: "#contact" }] },
{ items: [{ label: "Call Us: +92 300 1234567", href: "tel:+923001234567" }, { label: "Email: info@yourcompany.com", href: "mailto:info@yourcompany.com" }, { label: "WhatsApp Us", href: "https://wa.me/923001234567" }] }
];
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
@@ -28,13 +41,7 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
brandName="CCTV & Solar Solutions"
navItems={[
{ name: "Services", id: "services" },
{ name: "Why Choose Us", id: "why-choose-us" },
{ name: "Projects", id: "projects" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" }
]}
navItems={commonNavItems}
bottomLeftText="Lahore & Punjab"
bottomRightText="+92 300 1234567"
/>
@@ -51,38 +58,7 @@ export default function LandingPage() {
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BQPU2XvbmkOvuR7PxX9UHMCGI0/modern-outdoor-security-cameras-and-sola-1774418442660-ab7202dd.png"
/>
</div>
<div id="services" data-section="services">
<FeatureCardOne
title="Our Services"
description="Providing peace of mind with advanced security and sustainable energy solutions."
features={[
{ title: "CCTV Installation", description: "Professional-grade surveillance systems for homes, offices, and commercial sites.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BQPU2XvbmkOvuR7PxX9UHMCGI0/an-illustration-of-a-modern-cctv-camera--1774418441595-781e6b69.png", imageAlt: "CCTV Installation", button: { text: "Learn More", href: "#contact" } },
{ title: "Solar Solutions", description: "Clean, renewable energy systems tailored for Punjab’s climate and power needs.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BQPU2XvbmkOvuR7PxX9UHMCGI0/an-illustration-of-solar-panels-efficien-1774418442391-8165fffa.png", imageAlt: "Solar Solutions", button: { text: "Learn More", href: "#contact" } },
{ title: "Hybrid Systems", description: "Integrated solar-powered CCTV setups for maximum security and energy efficiency.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BQPU2XvbmkOvuR7PxX9UHMCGI0/an-illustration-depicting-an-integrated--1774418441683-0a0ac90e.png", imageAlt: "Hybrid Systems", button: { text: "Learn More", href: "#contact" } }
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="why-choose-us" data-section="why-choose-us">
<SplitAbout
title="Why Choose Us"
description="Our commitment to quality, expertise, and customer satisfaction sets us apart."
bulletPoints={[
{ title: "Local Experts", description: "Based in Lahore, we understand the unique needs of Punjab’s residents.", icon: MapPin },
{ title: "Certified Technicians", description: "Our team is trained and certified in both security and solar technologies.", icon: Award },
{ title: "24/7 Support", description: "We’re always available for maintenance, troubleshooting, and emergency help.", icon: Headphones },
{ title: "Affordable Packages", description: "Flexible pricing to suit homes, businesses, and institutions.", icon: DollarSign }
]}
mediaAnimation="slide-up"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BQPU2XvbmkOvuR7PxX9UHMCGI0/a-professional-team-of-cctv-and-solar-te-1774418442329-c68cab70.png"
imagePosition="right"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="projects" data-section="projects">
<ProductCardOne
title="Featured Projects"
@@ -132,13 +108,9 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoEmphasis
logoText="CCTV & Solar Solutions"
columns={[
{ items: [{ label: "Home", href: "/" }, { label: "Services", href: "#services" }, { label: "Projects", href: "#projects" }] },
{ items: [{ label: "Why Choose Us", href: "#why-choose-us" }, { label: "Testimonials", href: "#testimonials" }, { label: "Contact", href: "#contact" }] },
{ items: [{ label: "Call Us: +92 300 1234567", href: "tel:+923001234567" }, { label: "Email: info@yourcompany.com", href: "mailto:info@yourcompany.com" }, { label: "WhatsApp Us", href: "https://wa.me/923001234567" }] }
]}
columns={commonFooterColumns}
/>
</div>
</ThemeProvider>
);
}
}