Second Landing Page

import Navbar from "@/modules/native/Navbar";
import PricingTable from "@/modules/native/PricingTable";
import CTA from "@/modules/native/CTA";
import TypingCTA from "@/modules/native/TypingCTA";
import MyTeam from "@/modules/shadcn/MyTeam";
import LogoCarousel from "@/modules/shadcn/LogoCarousel";
import HeroCarousel from "@/modules/shadcn/HeroCarousel";
import Testimonials from "@/modules/native/Testimonials";
import FeatureIcons from "@/modules/shadcn/FeatureIcons";
import MiniFooter from "@/modules/native/MiniFooter";
import ScrollPrompt from "@/modules/native/ScrollPrompt";
import CustomerRatings from "@/modules/native/CustomerRatings";
import settings from "@/settings";
import { getJSONLD } from "@/utils/seo";
 
export default function Page() {
  return (
    <>
      {getJSONLD()}
      <Navbar
        accountDropdownButton={false}
        navigation={[
          { name: 'Home', href: '/' },
          { name: 'Pricing', href: '#pricing' },
          { name: 'Our Team', href: '#team' },
        ]}
      />
      <main>
        <div id="home">
          <HeroCarousel
            slides={[
              {
                title: "Welcome to Our Website.",
                description: "Discover amazing products and services.",
                imageUrl: "/images/demo/herocarousel_1.jpg",
                ctaText: "Learn More",
                ctaUrl: "#",
              },
              {
                title: "Special Offer",
                description: "Get 20% off on all items this week!",
                imageUrl: "/images/demo/herocarousel_2.jpg",
                ctaText: "Shop Now",
                ctaUrl: "#",
              },
              {
                title: "New Arrivals",
                description: "Check out our latest collection.",
                imageUrl: "/images/demo/herocarousel_3.jpg",
                ctaText: "View Collection",
                ctaUrl: "#",
              },
            ]}
          />
        </div>
        <TypingCTA
          text={{
            ctaText: "Buy Now",
            ctaUrl: "https://www.amazon.com/air-fryer/s?k=air+fryer",
            newTab: true,
          }}
        />
        <LogoCarousel
          text={{
            heading: "Trusted by Innovators",
            description: "Join the leading brands that rely on StartupBolt to launch their SaaS products quickly and efficiently."
          }}
        />
        <FeatureIcons />
        <CTA
          text={{
            ctaText: "Purchase Today",
            ctaUrl: "https://www.amazon.com/air-fryer/s?k=air+fryer",
            newTab: true,
          }}
        />
        <div id="pricing">
          <PricingTable
            // This prop allows you to customize which pricing plans are displayed:
            // - By default, all plans defined in settings.js will be shown
            // - Using .slice(0, 3) here limits the display to the first 3 plans
            // - You can modify this to show different plans or a custom selection
            planDetails={settings.PLAN_DETAILS.slice(0, 3)}
          />
        </div>
        <div id="team">
          <MyTeam />
        </div>
        <ScrollPrompt
          text={{
            description: "Join Our Satisfied Clients"
          }}
        />
        <CustomerRatings
          isSection={true}
        />
        <Testimonials />
      </main>
      <MiniFooter
        sectionColors={{
          background: "bg-accent",
          foreground: "text-accent-foreground"
        }}
      />
    </>
  );
}