import Image from "next/image";

export const metadata = { title: "Diwali Mahotsav 2026 — UP Parivaar Dallas" };

const highlights = [
  "Cultural Dance & Music Performances",
  "Traditional Indian Food & Festive Treats",
  "Family Activities & Kids Zone",
  "Community Networking Opportunities",
  "Heritage Showcases & Local Talent",
];

export default function EventDetailPage() {
  return (
    <section className="page-glow evd">
      <div className="container">
        <span className="eyebrow">Events</span>
        <div className="evd__head">
          <h1 className="display-title ts-34-44">
            Celebrating Culture, Connections &amp; Community Across Dallas
          </h1>
          <p className="evd__lead">
            Every event at UP Parivar Dallas is more than a gathering—it&apos;s an
            opportunity to reconnect with our roots.
          </p>
        </div>

        <div className="evd__photos">
          <div className="evd__photo-lg">
            <Image src="/img/gallery_14_.jpg" alt="Family picnic" fill className="img-cover" sizes="(max-width:768px) 100vw, 720px" />
          </div>
          <div className="evd__photo-sm">
            <Image src="/img/gallery_2_.jpg" alt="Diwali celebration" fill className="img-cover" sizes="(max-width:768px) 100vw, 500px" />
          </div>
        </div>

        <div className="evd__meta">
          <span className="evd__meta-item"><span className="evd__meta-icon">◍</span> UP Parivar Dallas Team</span>
          <span className="evd__meta-item"><span className="evd__meta-icon">▦</span> October 30, 2026</span>
          <span className="evd__meta-item"><span className="evd__meta-icon">◈</span> Community Event</span>
        </div>

        <div className="evd__block">
          <h2 className="evd__h2">
            Diwali Mahotsav 2026 – A Festival of Lights &amp; Togetherness
          </h2>
          <div className="evd__prose">
            <p>
              Join us for one of the most anticipated celebrations of the year as families
              from across the Dallas-Fort Worth area come together to celebrate Diwali with
              joy, tradition, and community spirit.
            </p>
            <p>
              The evening will feature cultural performances, traditional music, dance,
              festive décor, delicious Indian cuisine, children&apos;s activities, and a
              spectacular celebration of Indian heritage.
            </p>
            <p>
              Whether you&apos;re attending with family, friends, or meeting community
              members for the first time, this event offers a warm and welcoming atmosphere
              for everyone.
            </p>
          </div>
        </div>

        <div className="evd__split">
          <div className="evd__split-media">
            <Image src="/img/about_22_.jpg" alt="Family gathering" fill className="img-cover" sizes="500px" />
          </div>
          <div>
            <h3 className="evd__h3">
              Bringing the Spirit of Uttar Pradesh to Dallas
            </h3>
            <p className="evd__split-text">
              Experience the colors, traditions, and values that connect our community
              across generations and continents.
            </p>
            <ul className="evd__highlights">
              {highlights.map((h) => (
                <li key={h}>
                  <span className="evd__check">✓</span> {h}
                </li>
              ))}
            </ul>
          </div>
        </div>

        <div className="evd__quote">
          <span className="evd__quote-mark">&rdquo;</span>
          <p className="evd__quote-text">
            When we celebrate together, we preserve our heritage, strengthen our community,
            and create lasting memories for future generations.
          </p>
          <p className="evd__quote-name">UP Parivar Dallas Community Team</p>
          <p className="evd__quote-role">Building Connections Beyond Borders</p>
        </div>

        <div className="evd__block evd__block--wide">
          <h3 className="evd__h3">Why Community Events Matter</h3>
          <div className="evd__prose">
            <p>
              Community events create meaningful opportunities for families to connect,
              share experiences, and celebrate cultural traditions in a new home away from
              home.
            </p>
            <p>
              Through these gatherings, children learn about their heritage, young
              professionals expand their networks, and families build friendships that last
              a lifetime.
            </p>
            <p>
              Each event reflects the values of unity, respect, and cultural pride that
              define the UP Parivar Dallas community.
            </p>
          </div>
        </div>
      </div>
    </section>
  );
}