App.tsx

import React from 'react';
import Navbar from './components/Navbar';
// import Hero from './components/Hero';
import HeroImage from './components/HeroImage';
import About from './components/About';
import PressSlider from './components/PressSlider';
import Features from './components/Features';
import HowItWorks from './components/HowItWorks';
import StyleSection from './components/StyleSection';
import Reviews from './components/Reviews';
import FAQSection from './components/FAQSection';
import Footer from './components/Footer';

const App: React.FC = () => {
  return (
    <div className="relative antialiased">
      <Navbar />
      <main>
        <HeroImage />
       
        <section id="press">
          <PressSlider />
        </section>
        <section id="how-it-works">
          <HowItWorks />
        </section>
        
        <section id="style">
          <StyleSection />
        </section>
        <Features />
        <section id="reviews">
          <Reviews />
        </section>
         <section id="about">
          <About />
        </section>
        <section id="faq-section">
          <FAQSection />
        </section>
      </main>
      <Footer />
    </div>
  );
};

export default App;