"use client";
import Header from '@/components/Header';
import Footer from '@/components/Footer';
import GeometricShapes from './_components/GeometricShapes';
import FAQSection from './_components/FAQSection';


export default function AboutUs() {

  return (
    <div className="min-h-screen bg-white">
      <>
      <Header />

      {/* Hero Section with Geometric Shapes */}
      <section className="relative py-24 px-4 sm:px-6 lg:px-8 bg-gray-50 overflow-hidden">
        <GeometricShapes />
        <div className="relative z-10 max-w-4xl mx-auto text-center">
          <h1 className="text-4xl sm:text-5xl lg:text-6xl font-bold text-gray-900 mb-6 leading-tight">
            Frequently Asked<br />
            Questions
          </h1>
          <p className="text-xl text-gray-600 max-w-2xl mx-auto">
            Got Questions? Answers and advice from the Euphoria 5 Team
          </p>
        </div>
      </section>

      {/* FAQ Section */}
      <FAQSection />

      <Footer />
      </>
    </div>
  );
}
