Basic Home Page Layout Creation

[cloudflare-workers-and-pages[bot]]

Deploying honey-museum with    Cloudflare Pages

Latest commit:	11b5212
Status:	✅  Deploy successful!
Preview URL:	https://ffc31203.honey-museum.pages.dev
Branch Preview URL:	https://feature-home-page.honey-museum.pages.dev

View logs

[ihsanhere]

use swiper for slider try again with this code as reference

---
import 'swiper/css';
---

<div class="swiper">
    <div class="swiper-wrapper">
        <div class="swiper-slide">Slide 1</div>
        <div class="swiper-slide">Slide 2</div>
        <div class="swiper-slide">Slide 3</div>
    </div>
</div>

<script>
  import Swiper from 'swiper';
  const swiper = new Swiper('.swiper', {});
</script>

[adheeb2]

use swiper for slider try again with this code as reference

---
import 'swiper/css';
---

<div class="swiper">
    <div class="swiper-wrapper">
        <div class="swiper-slide">Slide 1</div>
        <div class="swiper-slide">Slide 2</div>
        <div class="swiper-slide">Slide 3</div>
    </div>
</div>

<script>
  import Swiper from 'swiper';
  const swiper = new Swiper('.swiper', {});
</script>

have done this type, still does not work

[ihsanhere]

Updated main branch with necessary assets Complete needed changes to close this pull request

[adheeb2]

ok noted

[adheeb2]

still having problems with the slideshow

[adheeb2]

Needed Changes

1. Change header to default style

   remove fixed header style keep the header in only the initial yellow section of home page (same as before)

2. Update instagram image

   • get the image by merging from main branch
   • set the instagram image to open in instagram
   • reference: open instagram from link
   • reference: making image into link

3. Create reusable Product Component

   • create a reusable product component in src/components/Product.astro
   • reference: Astro components

ALL DONE

[ihsanvp]

Merging this request for addressing new issues