Custom D2C-style Product Page & Home page - WooCommerce - Elementor PRo , ACF , WP CODE

I want a **premium D2C-style product page** exactly like the attached reference image.

This is NOT a basic WooCommerce page. I need a **custom-designed layout using Elementor (not default theme layout).**

---

## 1. HERO SECTION (TOP AREA – MOST IMPORTANT)

Must include:

* Left side:

* Product image gallery
* Vertical thumbnails (like reference)
* Clean spacing and rounded corners

* Right side:

* Bestseller tag
* Product title (with highlighted keyword like “Women” in different color)
* Short description
* Ratings + reviews count
* Benefits icons (Boosts Energy, Immunity, etc.)
* Price + MRP + discount
* Size selector (30 / 60 / 90 gummies styled like buttons)
* Add to Cart button (gradient style)
* Buy Now button
* Buy from Amazon button
* Trust line (Free delivery, COD, etc.)

This section must look premium and well spaced (not default Woo layout)

---

## 2. TRUST BADGES SECTION

* Clean label
* No added sugar
* Science-backed
* Made for India

Must be in card style with icons

---

## 3. WHY YOU’LL LOVE SECTION

* Icon-based features (5–6 points)
* With title + short description
* Image on right side (lifestyle)

---

## 4. INGREDIENTS SECTION

* Card-style layout
* Each ingredient with:

* Image
* Title
* Short benefit
* Scroll Horizontally if more ingredients

---

## 5. HOW TO USE SECTION

* Step-based layout (1, 2, 3)
* Icons + short text

---

## REVIEWS SECTION

* Rating summary (4.8)
* Customer images + testimonials
* Carousel or grid

---

## FAQ SECTION

* Accordion style (expand/collapse)

---

## STICKY ADD TO CART (IMPORTANT)

* Sticky bar at bottom (desktop + mobile)
* Shows:

* Product name
* Price
* Add to cart button

---

## MOBILE DESIGN (VERY IMPORTANT)

* Fully responsive
* Buttons full-width
* Proper spacing
* Sticky add to cart on mobile

---

## DESIGN QUALITY EXPECTATION

I want:

* Premium UI
* Soft shadows, rounded corners
* Proper spacing (not cramped)
* Gradient buttons (purple → pink)
* Clean typography

---

## COLOR SYSTEM

* Use brand colors (purple, pink, violet)
* Highlight key text (like “Women”) in accent color
* Different product pages may have different accent colors

---

## TECHNICAL REQUIREMENT

* Must use Elementor (no full hardcoding)
* Must not rely on default WooCommerce layout
* Should be lightweight and fast

---

## IMPORTANT

* Do NOT use default theme product page
* Build custom template using Elementor Theme Builder
* Match design as close as possible to reference

---
Note - Theme is installed , Elementor Pro , ACF and WP code plugin installed.

Please share similar work before starting.