Untitled

// App.js

import React from 'react';
import CarouselSlider from './CarouselSlider';

const App = () => {
  const topOffers = [
    {
      title: '50% off on Electronics',
      description: 'Get up to 50% off on a wide range of electronic products including smartphones, laptops, TVs, and more!',
      image: 'path_to_electronics_image',
    },
    {
      title: 'Special Dinner Deal',
      description: 'Enjoy a special dinner deal for two at our restaurant. Includes appetizers, main course, dessert, and drinks!',
      image: 'path_to_dinner_image',
    },
    {
      title: 'Fitness Membership Discount',
      description: 'Sign up for a fitness membership today and get a special discount. Access to state-of-the-art equipment and personalized training!',
      image: 'path_to_fitness_image',
    },
    // Add more offers as needed
  ];

  return (
    <div className="App">
      <h1>Top Offers</h1>
      <CarouselSlider offers={topOffers} />
    </div>
  );
};

export default App;