337 lines
22 KiB
TypeScript
337 lines
22 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import { Award, CheckCircle, HelpCircle, Mail, Sparkles, Star, Zap } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="blurBottom"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="R K Renewables"
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Products", id: "products" },
|
|
{ name: "Why Us", id: "why-us" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "FAQ", id: "faq" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDualMedia
|
|
title="Switch to Clean Solar Energy Today"
|
|
description="Reduce your electricity bills by up to 80% with professional solar installation and government subsidies. R K Renewables Services delivers reliable, affordable solar solutions across India with expert guidance and transparent pricing."
|
|
tag="Trusted Solar Solutions"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Get Free Solar Consultation", href: "#contact" },
|
|
{ text: "Learn More", href: "#services" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-worker-firld-by-solar-panels_1303-15590.jpg", imageAlt: "Professional solar panel installation on residential rooftop"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-vector/fitness-mobile-app-infographic-flat-design_52683-16269.jpg", imageAlt: "Solar energy monitoring dashboard and tracking system"
|
|
}
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
rating={5}
|
|
ratingText="Trusted by 1000+ happy customers"
|
|
background={{ variant: "radial-gradient" }}
|
|
className="w-full"
|
|
containerClassName="py-12 md:py-20"
|
|
titleClassName="text-4xl md:text-5xl font-bold tracking-tight"
|
|
descriptionClassName="text-lg md:text-xl text-gray-700"
|
|
buttonClassName="px-6 py-3 rounded-full font-semibold"
|
|
ratingClassName="flex items-center gap-2"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
tag="About R K Renewables"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
title="Expert Solar Solutions for Every Home & Business"
|
|
description="With over a decade of experience in solar energy installation and maintenance, R K Renewables Services is committed to making clean energy accessible and affordable across India."
|
|
subdescription="We specialize in residential and commercial solar systems, providing end-to-end solutions from consultation and design to installation, maintenance, and government subsidy assistance. Our certified technicians ensure superior quality and maximum energy efficiency for every project."
|
|
icon={CheckCircle}
|
|
imageSrc="http://img.b2bpic.net/free-photo/team-work-environment-project_23-2148894001.jpg"
|
|
imageAlt="R K Renewables solar expert consulting with customer"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
className="w-full"
|
|
containerClassName="py-12 md:py-20"
|
|
titleClassName="text-3xl md:text-4xl font-bold"
|
|
descriptionClassName="text-lg text-gray-700 font-semibold"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardMedia
|
|
title="Our Solar Services"
|
|
description="Comprehensive solar solutions tailored to your energy needs and budget"
|
|
tag="Services & Expertise"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
features={[
|
|
{
|
|
id: "residential-solar", title: "Residential Solar Installation", description: "Transform your home into an energy-efficient powerhouse. Our residential solar systems help homeowners reduce electricity bills by up to 80% while accessing government subsidies like PM Surya Ghar Muft Bijli Yojana.", tag: "Home Solar", imageSrc: "http://img.b2bpic.net/free-photo/business-person-planning-alternative-energies_23-2149205466.jpg", imageAlt: "Professional residential solar panel installation"
|
|
},
|
|
{
|
|
id: "commercial-solar", title: "Commercial & Industrial Solar", description: "Reduce operational costs for businesses with large-scale solar installations. Ideal for offices, factories, warehouses, and agricultural facilities across Pune, Nashik, Mumbai, and Ahmednagar.", tag: "Business Solutions", imageSrc: "http://img.b2bpic.net/free-photo/person-near-alternative-energy-plant_23-2149192737.jpg", imageAlt: "Commercial building with large scale solar installation"
|
|
},
|
|
{
|
|
id: "maintenance", title: "Solar System Maintenance", description: "Maximize your solar system's lifespan and efficiency with professional maintenance, cleaning, inspections, and repairs. Our technicians ensure optimal performance year-round.", tag: "Maintenance & Care", imageSrc: "http://img.b2bpic.net/free-photo/research-development-experts-meet-talk-about-solar-panels-improvements_482257-123401.jpg", imageAlt: "Professional solar panel maintenance and cleaning service"
|
|
},
|
|
{
|
|
id: "subsidy-assistance", title: "Government Subsidy Guidance", description: "Navigate complex subsidy processes with expert support. We assist customers in accessing PM Surya Ghar Muft Bijli Yojana and other state-level renewable energy incentives.", tag: "Financial Support", imageSrc: "http://img.b2bpic.net/free-photo/research-development-experts-meet-talk-about-solar-panels-improvements_482257-123401.jpg", imageAlt: "Government subsidy and financial support illustration"
|
|
}
|
|
]}
|
|
carouselMode="buttons"
|
|
className="w-full"
|
|
containerClassName="py-12 md:py-20"
|
|
titleClassName="text-3xl md:text-4xl font-bold"
|
|
descriptionClassName="text-lg text-gray-700"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
title="Premium Solar Products"
|
|
description="High-quality solar components and equipment for optimal system performance"
|
|
tag="Quality Products"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
products={[
|
|
{
|
|
id: "solar-panels", name: "High-Efficiency Solar Panels", price: "Starting at ₹15,000/kW", imageSrc: "http://img.b2bpic.net/free-photo/man-worker-firld-by-solar-panels_1303-15606.jpg", imageAlt: "High-efficiency monocrystalline solar panels"
|
|
},
|
|
{
|
|
id: "solar-inverter", name: "Hybrid Solar Inverter", price: "Starting at ₹35,000", imageSrc: "http://img.b2bpic.net/free-photo/team-work-environment-project_23-2148894016.jpg", imageAlt: "Advanced hybrid solar inverter equipment"
|
|
},
|
|
{
|
|
id: "battery-storage", name: "Lithium Battery Storage", price: "Starting at ₹80,000", imageSrc: "http://img.b2bpic.net/free-vector/isometric-electric-car-smartphone-laptop-city-building-connected-battery-charging-with-energy-produced-by-wind-turbines-solar-panels-alternative-energy-concept_88138-417.jpg", imageAlt: "High-capacity lithium battery storage system"
|
|
}
|
|
]}
|
|
carouselMode="buttons"
|
|
className="w-full"
|
|
containerClassName="py-12 md:py-20"
|
|
titleClassName="text-3xl md:text-4xl font-bold"
|
|
descriptionClassName="text-lg text-gray-700"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTen
|
|
title="Proven Impact & Results"
|
|
description="Measurable success across residential and commercial installations across India"
|
|
tag="Our Impact"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "installations", title: "Solar Installations", subtitle: "Completed projects transforming energy", category: "Satisfied Customers", value: "1000+", buttons: []
|
|
},
|
|
{
|
|
id: "savings", title: "Annual Savings", subtitle: "Electricity costs reduced for customers", category: "Total Savings", value: "₹50Cr+", buttons: []
|
|
},
|
|
{
|
|
id: "co2", title: "CO₂ Emissions Avoided", subtitle: "Environmental impact prevented annually", category: "Green Impact", value: "500K+ MT", buttons: []
|
|
}
|
|
]}
|
|
carouselMode="buttons"
|
|
className="w-full"
|
|
containerClassName="py-12 md:py-20"
|
|
titleClassName="text-3xl md:text-4xl font-bold"
|
|
descriptionClassName="text-lg text-gray-700"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="Customer Success Stories"
|
|
description="Real experiences from homeowners and businesses who switched to solar energy"
|
|
tag="Testimonials"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "testimonial-1", name: "Rajesh Sharma", handle: "Homeowner, Pune", testimonial: "R K Renewables transformed my home with a 5kW solar system. My electricity bill dropped from ₹8,000 to ₹1,200 per month. The team was professional, transparent, and helped me navigate the PM Surya Ghar subsidy process. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/businessman-dress-code-wearing-grey-jacket-smiling_114579-15945.jpg", imageAlt: "Rajesh Sharma testimonial photo", icon: CheckCircle
|
|
},
|
|
{
|
|
id: "testimonial-2", name: "Priya Patel", handle: "Business Owner, Mumbai", testimonial: "We installed a 25kW commercial system for our manufacturing facility. The ROI exceeded expectations, and R K Renewables' maintenance service is outstanding. Our energy costs are down by 70%.", imageSrc: "http://img.b2bpic.net/free-photo/account-executive-multitasking-her-desk-working-business-goals_482257-123842.jpg", imageAlt: "Priya Patel testimonial photo", icon: CheckCircle
|
|
},
|
|
{
|
|
id: "testimonial-3", name: "Amit Deshmukh", handle: "Homeowner, Nashik", testimonial: "The installation quality is exceptional. The team explained everything clearly, and the monitoring app makes tracking energy production easy. Best investment for my home's future!", imageSrc: "http://img.b2bpic.net/free-photo/displeased-man-eyeglasses_1098-20874.jpg", imageAlt: "Amit Deshmukh testimonial photo", icon: CheckCircle
|
|
},
|
|
{
|
|
id: "testimonial-4", name: "Sneha Verma", handle: "Facility Manager, Ahmednagar", testimonial: "R K Renewables provided excellent service from start to finish. Their team managed all subsidy documentation, and the system has been running perfectly for over a year with minimal maintenance.", imageSrc: "http://img.b2bpic.net/free-photo/afro-american-woman-smiling-close-up_23-2148336947.jpg", imageAlt: "Sneha Verma testimonial photo", icon: CheckCircle
|
|
},
|
|
{
|
|
id: "testimonial-5", name: "Vikram Singh", handle: "Homeowner, Pune", testimonial: "Outstanding professionalism! The team answered all my questions about ROI, lifespan, and maintenance. My solar system has been producing consistently, and R K Renewables' support is always available.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-indian-macho-man-model-suit-pink-tie-posed-winter-day_627829-1596.jpg", imageAlt: "Vikram Singh testimonial photo", icon: CheckCircle
|
|
},
|
|
{
|
|
id: "testimonial-6", name: "Anjali Nair", handle: "Business Owner, Mumbai", testimonial: "We chose R K Renewables for our office expansion project. Their expertise in commercial installations and timeline management were impeccable. Our monthly energy expenses dropped significantly.", imageSrc: "http://img.b2bpic.net/free-photo/relaxed-woman-with-long-hair_1149-446.jpg", imageAlt: "Anjali Nair testimonial photo", icon: CheckCircle
|
|
}
|
|
]}
|
|
speed={40}
|
|
topMarqueeDirection="left"
|
|
className="w-full"
|
|
containerClassName="py-12 md:py-20"
|
|
titleClassName="text-3xl md:text-4xl font-bold"
|
|
descriptionClassName="text-lg text-gray-700"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
title="Frequently Asked Questions"
|
|
description="Clear answers to common questions about solar energy, installation, and savings"
|
|
tag="FAQ"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "faq-1", title: "How much can I save with solar energy?", content: "Most homeowners see 60-80% reduction in electricity bills. Savings depend on system size, location, energy consumption, and sunlight availability. With government subsidies like PM Surya Ghar Muft Bijli Yojana, initial investment payback typically occurs within 5-7 years, after which energy is nearly free."
|
|
},
|
|
{
|
|
id: "faq-2", title: "What is the PM Surya Ghar Muft Bijli Yojana?", content: "It's a government scheme offering up to 300 units (₹1.5 lakh subsidy value) of free electricity monthly for residential installations. Eligible homeowners can get up to 40% of system cost as subsidy. R K Renewables assists in navigating the application process and documentation."
|
|
},
|
|
{
|
|
id: "faq-3", title: "How long does installation take?", content: "Typical residential installations take 5-10 days depending on system size and roof accessibility. We handle all permits, electrical work, and grid connections. Commercial installations may take 2-4 weeks based on project complexity."
|
|
},
|
|
{
|
|
id: "faq-4", title: "What is the lifespan of solar panels?", content: "High-quality solar panels last 25-30 years with minimal degradation (about 0.5% annually). Inverters typically last 10-15 years and are easily replaceable. With proper maintenance from R K Renewables, your system will perform optimally for decades."
|
|
},
|
|
{
|
|
id: "faq-5", title: "Do I need battery storage?", content: "Battery storage is optional but recommended for backup power during grid outages. Lithium batteries store excess daytime energy for evening use, maximizing self-consumption. For grid-connected systems, batteries are not essential but enhance independence."
|
|
},
|
|
{
|
|
id: "faq-6", title: "What maintenance is required?", content: "Solar systems require minimal maintenance: periodic panel cleaning (2-3 times yearly), inverter checks, and electrical inspections. R K Renewables offers affordable maintenance packages including cleaning, monitoring, and emergency repairs to keep your system running smoothly."
|
|
},
|
|
{
|
|
id: "faq-7", title: "Where do you provide services?", content: "R K Renewables currently serves Pune, Nashik, Mumbai, and Ahmednagar. We provide residential and commercial installations, maintenance, and subsidy assistance across these regions. Contact us for queries about expanded service areas."
|
|
},
|
|
{
|
|
id: "faq-8", title: "How does net metering work?", content: "With net metering, excess solar energy generated feeds back to the grid, and you receive credits on your electricity bill. This maximizes ROI by allowing you to use grid power at night while earning credits during peak production. R K Renewables handles all net metering setup and approvals."
|
|
}
|
|
]}
|
|
className="w-full"
|
|
containerClassName="py-12 md:py-20"
|
|
titleClassName="text-3xl md:text-4xl font-bold"
|
|
descriptionClassName="text-lg text-gray-700"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Get in Touch"
|
|
title="Schedule Your Free Solar Consultation Today"
|
|
description="Join over 1000 satisfied customers reducing their electricity bills with clean solar energy. Our solar consultants will assess your home or business, calculate potential savings, and guide you through government subsidy options."
|
|
tagIcon={Mail}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="Enter your email address"
|
|
buttonText="Get Free Consultation"
|
|
termsText="By submitting this form, you agree to be contacted by R K Renewables Services regarding solar solutions and offers."
|
|
className="w-full"
|
|
containerClassName="py-12 md:py-20"
|
|
titleClassName="text-3xl md:text-4xl font-bold text-center"
|
|
descriptionClassName="text-lg text-gray-700 text-center"
|
|
buttonClassName="px-8 py-3 font-semibold rounded-full"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Services", href: "#services" },
|
|
{ label: "Products", href: "#products" },
|
|
{ label: "Testimonials", href: "#testimonials" }
|
|
]
|
|
},
|
|
{
|
|
title: "Resources", items: [
|
|
{ label: "Solar Calculator", href: "#calculator" },
|
|
{ label: "Government Schemes", href: "#schemes" },
|
|
{ label: "Blog & Articles", href: "#blog" },
|
|
{ label: "FAQ", href: "#faq" }
|
|
]
|
|
},
|
|
{
|
|
title: "Service Areas", items: [
|
|
{ label: "Pune", href: "#pune" },
|
|
{ label: "Nashik", href: "#nashik" },
|
|
{ label: "Mumbai", href: "#mumbai" },
|
|
{ label: "Ahmednagar", href: "#ahmednagar" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#privacy" },
|
|
{ label: "Terms of Service", href: "#terms" },
|
|
{ label: "Contact Us", href: "#contact" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2024 R K Renewables Services. All rights reserved. Committed to clean energy solutions across India."
|
|
className="w-full"
|
|
wrapperClassName="bg-gray-50 border-t border-gray-200"
|
|
containerClassName="py-12 md:py-16"
|
|
columnTitleClassName="font-bold text-lg mb-4"
|
|
columnItemClassName="text-gray-600 hover:text-red-600 transition-colors"
|
|
copyrightTextClassName="text-gray-500 text-sm text-center"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |