import React from 'react';
import Navbar from '@/components/landing/Navbar';
import HeroSection from '@/components/landing/HeroSection';
import FeaturesSection from '@/components/landing/FeaturesSection';
import HowItWorksSection from '@/components/landing/HowItWorksSection';
import PricingSection from '@/components/landing/PricingSection';
import OrderTracking from '@/components/landing/OrderTracking';
import TestimonialsSection from '@/components/landing/TestimonialsSection';
import ContactSection from '@/components/landing/ContactSection';
import FooterSection from '@/components/landing/FooterSection';
import LiveChat from '@/components/landing/LiveChat';
import FloatingOrderButton from '@/components/landing/FloatingOrderButton';

export default function Home() {
  return (
    <div className="min-h-screen font-sans" style={{ fontFamily: "'Hind Siliguri', sans-serif" }}>
      {/* Google Fonts for Bangla */}
      <style>
        {`
          @import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@300;400;500;600;700&display=swap');
          
          * {
            font-family: 'Hind Siliguri', sans-serif;
          }
          
          html {
            scroll-behavior: smooth;
          }
          
          /* Custom Scrollbar */
          ::-webkit-scrollbar {
            width: 8px;
          }
          
          ::-webkit-scrollbar-track {
            background: #f1f1f1;
          }
          
          ::-webkit-scrollbar-thumb {
            background: linear-gradient(to bottom, #0077B6, #00B4D8);
            border-radius: 4px;
          }
          
          ::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(to bottom, #023E8A, #0077B6);
          }
        `}
      </style>
      
      <Navbar />
      
      <main>
        <section id="home">
          <HeroSection />
        </section>
        
        <section id="features">
          <FeaturesSection />
        </section>
        
        <section id="how-it-works">
          <HowItWorksSection />
        </section>
        
        <section id="pricing">
          <PricingSection />
        </section>

        <section id="tracking">
          <OrderTracking />
        </section>
        
        <section id="testimonials">
          <TestimonialsSection />
        </section>
        
        <section id="contact">
          <ContactSection />
        </section>
      </main>
      
      <FooterSection />
      
      {/* Floating Elements */}
      <FloatingOrderButton />
      <LiveChat />
    </div>
  );
}