import type { Metadata } from "next";
import HeaderSection from "@/components/onepage/HeaderSection";
import HeroSection from "@/components/home/HeroSection";
import BrandSection from "@/components/home/BrandSection";
import ServicesSection from "@/components/shared/ServicesSection";
import FeaturesSection from "@/components/shared/FeaturesSection";
import ProjectsSection from "@/components/home/ProjectsSection";
import ChooseUsSection from "@/components/home/ChooseUsSection";
import PricingSection from "@/components/shared/PricingSection";
import TestimonialsSection from "@/components/home/TestimonialsSection";
import FAQSection from "@/components/shared/FAQSection";
import FeatureSection2 from "@/components/home/FeatureSection2";
import FooterSection from "@/components/shared/FooterSection";

export const metadata: Metadata = {
  title: "Sasico - AI-Powered Software Solutions & Website Builder",
  description:
    "Professional AI-powered software solutions and website builder for SaaS & tech startups. Create stunning websites with advanced AI technology and modern design.",
};

export default function OnePage() {
  return (
    <div className="wrapper">
      <section id="home" className="main-sec">
        <HeaderSection />
        <HeroSection />
      </section>

      <section className="brand-sec">
        <BrandSection />
      </section>

      <section className="service-sec space-top">
        <ServicesSection />
      </section>

      <section id="features" className="features-sec">
        <FeaturesSection />
      </section>

      <section id="templates" className="projects-sec">
        <ProjectsSection />
      </section>

      <section className="choose-sec">
        <ChooseUsSection />
      </section>

      <section id="pricing" className="pricing-sec space-top">
        <div className="container-fluid">
          <div className="pricing-info">
            {/* Section Title */}
            <div className="sec-title">
              <span
                className="sub-title"
                data-aos="fade-up"
                data-aos-duration={900}
                data-aos-delay={500}
              >
                Pricing Packages
              </span>
              <h2
                className="title"
                data-aos="fade-up"
                data-aos-duration={900}
                data-aos-delay={500}
              >
                Don't Miss the Special Deals
              </h2>
              <p
                data-aos="fade-up"
                data-aos-duration={1000}
                data-aos-delay={600}
              >
                Simple, transparent pricing for every stage. Pick a plan, unlock
                powerful features, and grow your website with confidence.
              </p>
            </div>
            <PricingSection />
          </div>
        </div>
      </section>

      <section id="testimonials" className="testimonials-sec">
        <TestimonialsSection />
      </section>

      <section id="faq" className="main-sec2">
        <FAQSection />
        <FeatureSection2 />
      </section>

      <section id="contact" className="contact-sec">
        <FooterSection />
      </section>
    </div>
  );
}