MOVEMENT, MINDFULNESS & CONNECTION

Generation Yogi Homepage Wireframe – One Page Scroll Layout

1. Hero Section (Full Width, Top of Page)

• Background: Warm, soft-focus photo of a mums & bubs yoga session or serene meditation scene.

• Text Placement: Centered or slightly left-aligned.

  • Headline: “Movement, Mindfulness & Connection for Mums, Bubs, and Souls in Motion”

  • Subheadline: “Guided by the Eight Limbs of Yoga, Reiki principles, and seasonal energy, Generation Yogi creates nurturing spaces to move, breathe, and reconnect.”

  • CTA Buttons (side by side): “Join a Class” | “Discover Our Seasonal Ceremonies”

• Visual Elements: Gentle light overlay, subtle nature textures, or soft gradient from top to bottom.

2. About Us / Founder Story (Full Width, Light Background)

• Layout: Split section

  • Left: Portrait of Emily (friendly, approachable, teaching or in a serene setting)

  • Right: Text

    • Headline: “Meet Emily, Founder of Generation Yogi”

    • Paragraph: Story about Emily, the mission, and philosophy.

• Optional Accent: Soft script font for quotes or key phrases.

3. Programs & Experiences (Full Width, Neutral Background)

• Layout: 4-column or stacked cards (depending on screen width)

  • Each card:

    • Image or icon representing the program

    • Program Name (headline)

    • Short Description (2–3 lines)

    • CTA Button: “Book a Class” / “Learn More”

  • Programs:

    1. Mums & Bubs Yoga (highlight Pacey)

    2. Weekly Yoga & Meditation

    3. Reiki Healing & Energy Sessions

    4. Seasonal Soul Alignment Ceremonies

4. Philosophy / Approach (Full Width, Soft Earth Tone Background)

• Layout: Single column, centered text with optional side image or illustration

  • Headline: “Yoga, Energy, and Mindful Living”

  • Paragraph: Short explanation of the Eight Limbs, Reiki principles, and holistic philosophy.

• Visual Elements: Diagram or soft illustration of the eight limbs, energy lines, or subtle nature elements.

5. Testimonials (Full Width, Light Background)

• Layout: Carousel slider or 2–3 columns depending on screen width

  • Each testimonial:

    • Quote

    • Name & location

    • Optional small image of participant (if permission granted)

• Visual Elements: Gentle background texture, soft borders around each testimonial.

6. Upcoming Events / Seasonal Highlights (Full Width, Soft Gradient or Warm Image Background)

• Layout: Split section

  • Left: Event image or warm, inviting ceremony photo

  • Right: Text

    • Headline: “Upcoming Seasonal Soul Alignment Ceremony”

    • Paragraph: Brief info about the event

    • CTA Button: “Reserve Your Spot”

7. Call to Action / Contact (Full Width, Neutral or Light Background)

• Layout: Centered column

  • Headline: “Join the Generation Yogi Community”

  • Text: Invitation to join classes, events, or newsletter.

  • CTA Buttons:

    • “Book a Class”

    • “Sign Up for Seasonal Updates”

    • “Contact Us”

• Visual Elements: Warm, welcoming image—hands reaching out, community circle, or soft nature background.

Footer

• Logo + small tagline

• Navigation links (Home | Programs | Events | About | Contact)

• Social media icons (Instagram, Facebook, YouTube)

• Optional newsletter signup form

Design Notes for Entire Page

• Scroll Effect: Smooth fade-in transitions for each section.

• Color Palette: Warm earthy tones: terracotta, muted greens, soft golds.

• Typography:

  • Headlines: soft, friendly serif or rounded sans-serif

  • Body text: clean, readable sans-serif

  • Accents: script for quotes or key phrases

• Imagery: Authentic class photos, ceremony photos, and natural elements to create a warm, grounding feel.