Dis 31 landing page comments section

[Whiskey-Taste]

📝 Summary

This PR introduces a standalone, responsive testimonial section using styled-components, independently styled without relying on the global MUI theme context. The testimonial content is currently hardcoded and rendered through a reusable <TestimonialCard /> component.

---

🎯 Changes Included

• ✨ Created TestimonialCard.tsx:
  • Quote icon
  • Testimonial quote
  • Name and title fields
• ✨ Created TestimonialsSection.tsx:
  • Section wrapper and heading
  • Two testimonial cards rendered responsively (stacked on mobile, horizontal on desktop)
• 🎨 Styles are implemented using styled-components with static CSS (not theme-driven)
• ✅ Media query for min-width: 768px applied for layout switching

---

📂 File Structure

src/app/landing/components/TestimonialCard.tsx
src/app/landing/components/TestimonialsSection.tsx

---

🚫 Not Included

• No usage of MUI ThemeProvider or theme.palette / theme.typography
• No dynamic data integration (currently hardcoded)

---

✅ Example Usage

// src/app/landing/page.tsx

import TestimonialsSection from './components/TestimonialsSection';

export default function LandingPage() {
  return (
    <main>
      <TestimonialsSection />
    </main>
  );
}

---

📌 Next Steps

• 🔄: Migrate to global theme