A-A-RON's Florida Solar LLC

Professional solar installation and maintenance services in Florida.

Tech Stack

• Next.js 15.1.2
• TypeScript
• Tailwind CSS
• Framer Motion for animations
• React Hook Form with Zod validation
• Lucide Icons
• Class Variance Authority
• Sonner for toast notifications
• Chart.js for data visualization
• Error Boundary protection
• Analytics integration

Core Features

Solar Installation & Maintenance

• Professional solar panel installation services
• Regular maintenance and cleaning
• Performance monitoring and optimization
• Emergency repair services
• Weather damage assessment
• System efficiency analysis

Interactive Tools

• Solar Savings Calculator

  • Monthly bill cost estimation
  • ROI projection charts
  • Tax incentive calculations
  • Energy production estimates
  • Payback period analysis

• Efficiency Radar Chart

  • Interactive system performance visualization
  • Current vs potential efficiency comparison
  • Exportable efficiency analysis
  • Touch and drag support

• Cost Breakdown Charts

  • Labor cost analysis
  • Materials breakdown
  • Equipment costs
  • Overhead calculations

User Interface

• Responsive Design

  • Mobile-first approach
  • Tablet and desktop optimized
  • Touch-friendly interactions

• Modern UI Components

  • Custom button variants
  • Form inputs with validation
  • File upload capability
  • Address autocomplete
  • Newsletter subscription
  • Toast notifications
  • Loading states
  • Error handling

Content Features

• Blog System

  • Featured posts
  • Category filtering
  • Author profiles
  • Reading time estimation
  • Related posts

• Service Areas

  • Interactive Florida map
  • City-based service lookup
  • Coverage area visualization

• Maintenance Plans

  • Plan comparison
  • Pricing tiers
  • Feature lists
  • Online booking

Business Features

• Contact & Support

  • Contact form with validation
  • Emergency service requests
  • Quote requests
  • Customer support integration

• Analytics & Tracking

  • User interaction tracking
  • Performance monitoring
  • Conversion tracking
  • Error logging

Getting Started

First, install the dependencies:

npm install
# or
yarn install

Then, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

Project Structure

• /src/app - App router pages and layouts
• /src/components - React components
  • /shared - Reusable UI components
  • /home - Home page components
  • /blog - Blog related components
  • /services - Service page components
  • /layout - Layout components
  • /charts - Data visualization components
• /src/utils - Utility functions
• /src/hooks - Custom React hooks
• /src/types - TypeScript types
• /src/data - Static data and content
• /src/contexts - React context providers
• /public - Static assets

Performance Features

• Server-side rendering
• Image optimization
• Code splitting
• Route prefetching
• SEO optimization
• Accessibility compliance
• Error boundary protection
• Analytics integration

Development Features

• TypeScript for type safety
• ESLint configuration
• Prettier code formatting
• Git hooks setup
• Development mode with hot reload
• Production build optimization

Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add some amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

License

This project is licensed under the MIT License - see the LICENSE file for details.