31736/frontend/src/pages/index.tsx.temp

import React, { useEffect, useState } from 'react';
import type { ReactElement } from 'react';
import Head from 'next/head';
import Link from 'next/link';
import { useAppSelector } from '../stores/hooks';
import LayoutGuest from '../layouts/Guest';
import WebSiteHeader from '../components/WebPageComponents/Header';
import WebSiteFooter from '../components/WebPageComponents/Footer';
import {
  ContactFormDesigns,
  HeroDesigns,
  FeaturesDesigns,
  TestimonialsDesigns,
  PricingDesigns,
} from '../components/WebPageComponents/designs';

import ContactFormSection from '../components/WebPageComponents/ContactFormComponent';

import HeroSection from '../components/WebPageComponents/HeroComponent';

import FeaturesSection from '../components/WebPageComponents/FeaturesComponent';

import TestimonialsSection from '../components/WebPageComponents/TestimonialsComponent';

export default function WebSite() {
  const cardsStyle = useAppSelector((state) => state.style.cardsStyle);
  const bgColor = useAppSelector((state) => state.style.bgLayoutColor);
  const projectName = 'Seva sevan';

  useEffect(() => {
    const darkElement = document.querySelector('body .dark');
    if (darkElement) {
      darkElement.classList.remove('dark');
    }
  }, []);
  const pages = [
    {
      href: '/home',
      label: 'home',
    },

    {
      href: '/services',
      label: 'services',
    },

    {
      href: '/contact',
      label: 'contact',
    },

    {
      href: '/faq',
      label: 'FAQ',
    },

  ];

  const features_points = [
    {
      name: 'Verified Providers',
      description:
        'All service providers undergo thorough verification, ensuring you connect with trusted and reliable professionals.',
      icon: 'mdiCheckCircle',
    },
    {
      name: 'Smart Search \u0026 Filter',
      description:
        'Easily find the right service provider by filtering based on location, service type, and ratings.',
      icon: 'mdiMagnify',
    },
    {
      name: 'Secure Payments',
      description:
        'Make payments seamlessly and securely through integrated UPI options like Google Pay and Paytm.',
      icon: 'mdiLock',
    },
  ];

  const testimonials = [
    {
      text: 'DailyPro has transformed how I find help at home. The verified providers give me peace of mind.',
      company: 'HomeEase Solutions',
      user_name: 'Anita Sharma, Operations Manager',
    },
    {
      text: "I love the convenience of booking services through DailyPro. It's quick, easy, and reliable.",
      company: 'UrbanNest Co.',
      user_name: 'Ravi Patel, CEO',
    },
    {
      text: 'Thanks to DailyPro, I found a trustworthy babysitter in no time. Highly recommend!',
      company: 'FamilyFirst Services',
      user_name: 'Priya Kapoor, HR Specialist',
    },
    {
      text: "The app's user-friendly interface makes it simple to find and book services. A game-changer!",
      company: 'TechSavvy Innovations',
      user_name: 'Vikram Desai, Product Designer',
    },
    {
      text: "DailyPro's secure payment system ensures my transactions are safe. I use it regularly.",
      company: 'SecurePay Inc.',
      user_name: 'Meera Joshi, Finance Analyst',
    },
    {
      text: 'Finding a reliable plumber was never this easy. DailyPro is my go-to app for home services.',
      company: 'FixIt Fast',
      user_name: 'Raj Malhotra, Homeowner',
    },
  ];

  const pricing_features = {
    standard: {
      features: [
        'Access to verified providers',
        'Basic search and filter options',
      ],
      limited_features: [
        'Limited booking requests per month',
        'Basic customer support',
      ],
    },
    premium: {
      features: [
        'Priority listing in search results',
        'Advanced search and filter options',
      ],
      also_included: [
        'Unlimited booking requests',
        'Priority customer support',
        'Access to exclusive providers',
      ],
    },
    business: {
      features: [
        'Customizable service packages',
        'Dedicated account manager',
        'Comprehensive analytics and reporting',
      ],
    },
  };

  const description = {
    standard:
      'Ideal for individuals seeking occasional domestic help with essential features.',
    premium:
      'Perfect for small businesses or startups needing regular and reliable service access.',
    business:
      'Designed for enterprises requiring comprehensive service management and support.',
  };

  return (
    <div className='flex flex-col min-h-screen'>
      <Head>
        <title>{`DailyPro - Connect with Verified Domestic Service Providers`}</title>
        <meta
          name='description'
          content={`Discover DailyPro, the app that connects you with verified local domestic service providers in India. Find maids, cooks, babysitters, and more with ease.`}
        />
      </Head>
      <WebSiteHeader projectName={'Seva sevan'} pages={pages} />
      <main className={`flex-grow    bg-white  rounded-none  `}>
        <HeroSection
          projectName={'Seva sevan'}
          image={['Smiling service provider assisting client']}
          mainText={`Connect with Trusted Helpers via ${projectName}`}
          subTitle={`Discover reliable domestic service providers in your area with ${projectName}. From cleaning to childcare, find the help you need today.`}
          design={HeroDesigns.IMAGE_RIGHT || ''}
          buttonText={`Find Help Now`}
        />

        <FeaturesSection
          projectName={'Seva sevan'}
          image={['App interface showcasing features']}
          withBg={0}
          features={features_points}
          mainText={`Explore ${projectName} Features`}
          subTitle={`Discover how ${projectName} simplifies finding trusted domestic help with these key features.`}
          design={FeaturesDesigns.CARDS_GRID_WITH_ICONS || ''}
        />

        <TestimonialsSection
          projectName={'Seva sevan'}
          design={TestimonialsDesigns.HORIZONTAL_CAROUSEL || ''}
          testimonials={testimonials}
          mainText={`What Our Users Say About ${projectName} `}
        />

      </main>
      <WebSiteFooter projectName={'Seva sevan'} pages={pages} />
    </div>
  );