implement Hero component with automated image slider and add banner assets

src/components/Hero/Hero.tsx

@@ -9,7 +9,7 @@ import { motion, AnimatePresence } from 'framer-motion'
 const slides = [
     {
         id: 1,
-        image: '/images/home/home-banner-1-authentic.webp',
+        image: '/images/home/home-banner-1.webp',
         title: 'Experience Authentic Turkish Dining',
         subtitle: 'Authentic Turkish flavours await at Antalya.',
         btn1: 'View Menu',
@@ -17,7 +17,7 @@ const slides = [
     },
     {
         id: 2,
-        image: '/images/home/home-banner-2-turkish-flavours.webp',
+        image: '/images/home/home-banner-2.webp',
         title: 'Taste Masterfully Crafted Turkish Flavours',
         subtitle: 'Discover Anatolian fire-kissed flavours.',
         btn1: 'Explore Our Menu',
@@ -25,7 +25,7 @@ const slides = [
     },
     {
         id: 3,
-        image: '/images/home/home-banner-3-luxury.webp',
+        image: '/images/home/home-banner-3.webp',
         title: 'Luxury Turkish Dining Atmosphere',
         subtitle: 'Where elegance meets Turkish taste.',
         btn1: 'View Menu',