chore: webinar new block

[hmbanan666]

Summary by CodeRabbit

• New Features
  • Added a site footer with contact actions and social links.
  • Introduced a reusable social buttons component.
  • Added a speakers section with individual speaker cards.
  • Updated the homepage to display the speakers section and footer after the countdown.
• Refactor
  • Header now uses the shared social buttons component for consistent controls.
• Style
  • Applied a slide-left motion preset to the hero video for smoother visual appeal.

[coderabbitai]

Caution

Review failed

The pull request is closed.

Walkthrough

Adds Speakers, SpeakerCard, SocialButtons, and Footer components; integrates SocialButtons into Header; updates the index page to render Speakers and Footer; and applies a minor class addition to HeroVideo. No data fetching or complex logic added.

Changes

Cohort / File(s)	Summary
New components: speakers & footer apps/webinar/app/components/Speakers.vue, .../SpeakerCard.vue, .../Footer.vue	Adds Speakers section with static list and SpeakerCard, plus a Footer component with top/left/right slots and action buttons.
Shared social controls apps/webinar/app/components/SocialButtons.vue	Introduces SocialButtons component with color mode toggle and Telegram/VK buttons.
Header integration apps/webinar/app/components/Header.vue	Replaces inline social controls with the new SocialButtons component.
Page composition apps/webinar/app/pages/index.vue	After Countdown, replaces placeholder with Speakers and Footer components.
Styling tweak apps/webinar/app/components/HeroVideo.vue	Adds motion-preset-slide-left class to the video element.

Sequence Diagram(s)

sequenceDiagram
  autonumber
  participant User
  participant IndexPage as pages/index.vue
  participant Header
  participant Speakers
  participant Footer
  participant SocialButtons

  User->>IndexPage: Load page
  IndexPage->>Header: Render
  Header->>SocialButtons: Render social controls
  IndexPage->>Speakers: Render speakers grid
  IndexPage->>Footer: Render
  Footer->>SocialButtons: Render social controls
  Note over SocialButtons: Reused in Header and Footer

Loading

sequenceDiagram
  autonumber
  participant Template as HeroVideo.vue
  participant Video as <video>

  Template->>Video: Apply classes
  Note over Video: + motion-preset-slide-left

Loading

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Possibly related PRs

• feat: webinar app #181 — Also modifies the webinar app’s UI composition and social controls, overlapping with Header.vue and SocialButtons usage.

Poem

In moonlit code I hop with cheer,
New buttons shimmer, speakers appear.
A footer hums, the header’s neat—
One SocialButtons, twice the treat.
I thump the ground, deploy on cue,
Carrots secured, UI brand-new. 🥕✨

✨ Finishing touches

🧪 Generate unit tests

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch webinar-update

---

📜 Recent review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between ffdd4a4 and 4a428f1.

📒 Files selected for processing (7)

• apps/webinar/app/components/Footer.vue (1 hunks)
• apps/webinar/app/components/Header.vue (1 hunks)
• apps/webinar/app/components/HeroVideo.vue (1 hunks)
• apps/webinar/app/components/SocialButtons.vue (1 hunks)
• apps/webinar/app/components/SpeakerCard.vue (1 hunks)
• apps/webinar/app/components/Speakers.vue (1 hunks)
• apps/webinar/app/pages/index.vue (1 hunks)

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[sonarqubecloud]

Quality Gate passed

Issues
2 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud