import Header from "@/components/layout/Header";
import Footer from "@/components/layout/Footer";

export const metadata = {
  title: "About - ManoonOils",
  description: "Learn about ManoonOils - our story, mission, and commitment to natural beauty.",
};

export default function AboutPage() {
  return (
    <main className="min-h-screen pt-16 md:pt-20">
      <Header />
      
      <section className="py-20 px-4">
        <div className="max-w-4xl mx-auto">
          <h1 className="text-4xl md:text-5xl font-serif text-center mb-8">
            Our Story
          </h1>
          
          <div className="prose prose-lg max-w-none text-foreground-muted space-y-6">
            <p>
              ManoonOils was born from a passion for natural beauty and the belief 
              that the best skincare comes from nature itself. Our journey began with 
              a simple question: how can we create products that truly nurture both 
              hair and skin?
            </p>
            
            <p>
              We believe in the power of natural ingredients. Every oil in our 
              collection is carefully selected for its unique properties and 
              benefits. From nourishing oils that restore hair vitality to serums 
              that rejuvenate skin, we craft each product with love and attention 
              to detail.
            </p>
            
            <h2 className="font-serif text-2xl text-foreground mt-8 mb-4">
              Our Mission
            </h2>
            <p>
              Our mission is to provide premium quality, natural products that 
              enhance your daily beauty routine. We are committed to:
            </p>
            <ul className="list-disc pl-6 space-y-2">
              <li>Using only the finest natural ingredients</li>
              <li>Cruelty-free and ethical production</li>
              <li>Sustainable packaging practices</li>
              <li>Transparency in our formulations</li>
            </ul>
            
            <h2 className="font-serif text-2xl text-foreground mt-8 mb-4">
              Handmade with Love
            </h2>
            <p>
              Every bottle of ManoonOils is handcrafted with care. We small-batch 
              produce our products to ensure the highest quality and freshness. 
              When you use ManoonOils, you can feel confident that you're using 
              something made with genuine care and expertise.
            </p>
          </div>
        </div>
      </section>
      
      <Footer />
    </main>
  );
}
