import React from 'react';
import Header from './components/Header';
import HeroSection from './components/HeroSection';
import AboutDelivery from './components/AboutDelivery';
import DeliveryOptions from './components/DeliveryOptions';
import MonitorDelivery from './components/MonitorDelivery';
import SecureCheckout from './components/SecureCheckout';
import ShippingDetails from './components/ShippingDetails';
import Footer from './components/Footer';

import './App.css';

function App() {
  return (
    <div className="App">
      <Header />
      <HeroSection />
      <AboutDelivery />
      <MonitorDelivery />
      <SecureCheckout />
      <DeliveryOptions />
      <ShippingDetails />
      <Footer />
    </div>
  );
}

export default App;