Create a responsive landing page using Next.js and Tailwind CSS. Match the layout and design based on the following sections:

---

🔶 SECTION 1: Hero Banner + Lead Form

• Full-screen background image with overlay.
• Left side:
  • Heading: “Welcome to IADA”
  • Subheading: “Nurturing the Next Generation of Fashion Designers”
  • Paragraph: “Join thousands of students who have transformed their creative passion into successful careers in fashion and design.”
  • CTA Button: “Learn More”
• Right side:
  • Form titled “Get Started Today” with fields:
    • Name
    • Email
    • Phone Number
    • Dropdown: “Program Interest”
    • Submit Button: “Get Started”

---

🔶 SECTION 2: Why Choose IADA?

• Heading centered
• Paragraph content describing IADA as a premium institute established in 2006
• Use nice spacing and font hierarchy

---

🔶 SECTION 3: The IADA Advantage (6-Grid Feature)

• Use icons and titles like:
  • 15+ Years of Legacy
  • Top Placement Record
  • Advanced Curriculum
  • Qualified Faculty
  • Practical Experience
  • Designer Workshops

Use a 3-column layout on desktop and 2-column on mobile

---

🔶 SECTION 4: Career Opportunities

• 8 cards with icons and titles:
  • Fashion Designer, Apparel Designer, Fashion Stylist, Brand Manager
  • Export House Owner, Fashion Buyer, Business Relations Officer, Fashion Consultant

---

🔶 SECTION 5: Industry Partners

• Title: “Our Industry Partners & Recruiters”
• Logos/names of brands like: ZARA, H&M, MYNTRA, AJIO, RELIANCE

---

🔶 SECTION 6: Testimonials

• Heading: “What Our Students Say”
• Subheading: “Real experiences from our alumni and current students”
• 3 Testimonial Cards with:
  • Rating stars
  • Feedback
  • Name + Role

---

🔶 SECTION 7: Contact Section (Get in Touch)

• Orange background
• Form: Full Name, Email, Phone, Message
• Right side points:
  • Industry Recognition
  • Expert Faculty
  • Hands-On Experience
  • Career Success

---

🔶 SECTION 8: Footer

• 4 Columns:
  • About (IADA intro)
  • Quick Links (About Us, Programs, Admissions)
  • Program List
  • Copyright

---

🌐 Deployment Instructions:

• Use Tailwind for all styling
• Code should be placed inside pages/index.js for homepage
• Break sections into components in /components folder (Navbar, Footer, HeroSection, Form, etc.)
• Use dummy images/icons from public folder
• Form does not need to be functional (optional: link to Formspree or Google Forms)
• Output should be fully responsive and ready to deploy to Vercel

<div className="mb-4"> <label htmlFor="program" className="block text-sm font-medium text-gray-700"> Program Interest </label> <select id="program" name="program" className="mt-1 block w-full rounded-md border border-gray-300 shadow-sm focus:ring-yellow-500 focus:border-yellow-500" required > <option value="">Select a program</option> <option value="B.DES in Fashion Design">B.DES in Fashion Design</option> <option value="B.VOC in Fashion Design - Practical Skills">B.VOC in Fashion Design (Practical Skills)</option> <option value="Diploma">Diploma</option> <option value="Advance Diploma in Fashion Design & Apparel Merchandising"> Advance Diploma in Fashion Design & Apparel Merchandising </option> <option value="M.Design in Fashion Design">M.Design in Fashion Design</option> <option value="B.VOC in Fashion Design - Specialized">B.VOC in Fashion Design (Specialized)</option> </select> </div>