hd-awesome-app/src/pages/About.jsx

A React project with professional components for e-commerce websites

import React from "react";

const About = () => {
  return (
    <div className="p-8 bg-gray-50">
      <div className="max-w-4xl mx-auto bg-white rounded-lg shadow-md p-6">
        <h1 className="text-3xl font-bold text-blue-600 mb-4 text-center">
          About Us
        </h1>
        <p className="text-lg text-gray-700 mb-4">
          Welcome to <span className="font-semibold">Our E-Commerce Store</span>
          , your one-stop destination for all your shopping needs. We are
          dedicated to providing you with the best products, exceptional
          customer service, and a seamless shopping experience.
        </p>
        <p className="text-gray-700 mb-4">
          Founded in 2023, our mission is to bring quality and affordability
          together. We carefully curate our inventory to ensure that our
          customers get the latest trends, innovative products, and reliable
          essentials all in one place. Whether you’re looking for fashion,
          electronics, home essentials, or unique gifts, we have something for
          everyone.
        </p>
        <h2 className="text-2xl font-semibold text-blue-500 mb-3">
          Why Shop With Us?
        </h2>
        <ul className="list-disc pl-6 text-gray-700 mb-4">
          <li>Wide range of premium-quality products across all categories.</li>
          <li>Secure and easy-to-use online shopping experience.</li>
          <li>Fast and reliable delivery options tailored to your needs.</li>
          <li>Dedicated customer support available 24/7.</li>
          <li>Affordable prices and exclusive deals to save you money.</li>
        </ul>
        <h2 className="text-2xl font-semibold text-blue-500 mb-3">
          Our Commitment
        </h2>
        <p className="text-gray-700 mb-4">
          At <span className="font-semibold">Our E-Commerce Store</span>,
          customer satisfaction is our top priority. We strive to continuously
          improve our services and bring you an exceptional online shopping
          experience. Your trust and loyalty inspire us to keep innovating and
          expanding our offerings.
        </p>
        <p className="text-gray-700 mb-4">
          Thank you for choosing us. We’re thrilled to have you as part of our
          growing family of happy customers. If you have any questions or
          feedback, don’t hesitate to{" "}
          <span className="font-semibold text-blue-500">contact us</span>.
        </p>
        <div className="text-center">
          <button className="bg-blue-500 text-white px-6 py-2 rounded-md hover:bg-blue-600 transition">
            Explore Our Products
          </button>
        </div>
      </div>
    </div>
  );
};

export default About;