120 lines
7.7 KiB
TypeScript
120 lines
7.7 KiB
TypeScript
import "aos/dist/aos.css";
|
|
import React from "react";
|
|
import { SquaredBackgroundHero } from "@/sections/Hero";
|
|
import PageWrapper from "@/components/Utilities/PageWrapper";
|
|
import Footer from "@/components/Footer";
|
|
import PageHeader from "@/sections/PageHeader";
|
|
import ContainerImageIconBlocksFeature from "@/sections/Features/ContainerImageIconBlocksFeature";
|
|
import Background from "@/components/Utilities/Background";
|
|
import CardsFeature from "@/sections/Features/CardsFeature";
|
|
import FAQ from "@/sections/FAQ/RightAlignedBorderBottomFAQ";
|
|
import VerticalTabsFeature from "@/sections/Features/VerticalTabsFeature";
|
|
import SignUpForm from "@/sections/HeroForms/SignUpForm";
|
|
import CenterAlignedInDarkBackground from "@/sections/HeroSections/CenterAlignedInDarkBackground";
|
|
import CenterAlignedWithVideoPlayButtonOnImage from "@/sections/HeroSections/CenterAlignedWithVideoPlayButtonOnImage";
|
|
import GradientBackground from "@/sections/HeroSections/GradientBackground";
|
|
import PolygonBackgroundElement from "@/sections/HeroSections/PolygonBackgroundElement";
|
|
import WithEmailInput from "@/sections/HeroSections/WithEmailInput";
|
|
import WithImageAndReviews from "@/sections/HeroSections/WithImageAndReviews";
|
|
import SquaredBackgroundElement from "@/sections/HeroSections/SquaredBackgroundElement";
|
|
import SplitSectionWithAnImageAndAForm from "@/sections/HeroForms/SplitSectionWithAnImageAndAForm";
|
|
import CenterAlignedWithAForm from "@/sections/HeroForms/CenterAlignedWithAForm";
|
|
import CenterAlignedSearchWithTags from "@/sections/HeroForms/CenterAlignedSearchWithTags";
|
|
import Cards from "@/sections/PrincingSections/Cards";
|
|
import With2Cards from "@/sections/PrincingSections/With2Cards";
|
|
import InlineSmallSquaredImageWithSocials from "@/sections/TeamSections/InlineSmallSquaredImageWithSocials";
|
|
import ImageAndContentWithStretchedButtons from "@/sections/CardSections/ImageAndContentWithStretchedButtons";
|
|
import SimpleCardLinkWithTitleAndDescription from "@/sections/CardSections/SimpleCardLinkWithTitleAndDescription";
|
|
import SquaredMediumSizeImage from "@/sections/TeamSections/SquaredMediumSizeImage";
|
|
import SmallCircledImageSize from "@/sections/TeamSections/SmallCircledImageSize";
|
|
import CardStyleWithDescriptionAndSocials from "@/sections/TeamSections/CardStyleWithDescriptionAndSocials";
|
|
import SimpleCardLinkWithAvatarAndTitle from "@/sections/CardSections/SimpleCardLinkWithAvatarAndTitle";
|
|
import SimpleCardLinkWithIconTitleAndDescription from "@/sections/CardSections/SimpleCardLinkWithIconTitleAndDescription";
|
|
import SimpleWithHeading from "@/sections/ClientSections/SimpleWithHeading";
|
|
import WithStats from "@/sections/ClientSections/WithStats";
|
|
import InCard from "@/sections/ClientSections/InCard";
|
|
import CenterAlignedInSmallSize from "@/sections/BlogArticles/CenterAlignedInSmallSize";
|
|
import WithSidebar from "@/sections/BlogArticles/WithSidebar";
|
|
import VerticalTabsWithOverlappingBackground from "@/sections/FeaturesNavs/VerticalTabsWithOverlappingBackground";
|
|
import SimpleWithHeadingAndLink from "@/sections/ClientSections/SimpleWithHeadingAndLink";
|
|
import Squared4Cols from "@/sections/Galleries/Squared4Cols";
|
|
import Masonry4Cols from "@/sections/Galleries/Masonry4Cols";
|
|
import CardsOnImages from "@/sections/MansorySections/CardsOnImages";
|
|
import ContainerwImageWithIconBlocks from "@/sections/FeaturesGeneral/ContainerSizeImageWithIconBlocks";
|
|
import ThreeCenterAlignedImagesWithAContent from "@/sections/FeaturesGeneral/ThreeCenterAlignedImagesWithAContent";
|
|
import SimpleWithASingleImage from "@/sections/FeaturesGeneral/SimpleWithASingleImage";
|
|
import With4CenterAlignedImagesAndIconBlocks from "@/sections/FeaturesGeneral/With4CenterAlignedImagesAndIconBlocks";
|
|
import CardsOnABackgroundImage from "@/sections/FeaturesGeneral/CardsOnABackgroundImage";
|
|
import MediaObjectStyleWithBlurredBackground from "@/sections/AnnouncementBanners/MediaObjectStyleWithBlurredBackground";
|
|
import AButtonOnGradientBackground from "@/sections/AnnouncementBanners/AButtonOnGradientBackground";
|
|
import FullWidthWithDismissButtonOnRedBackground from "@/sections/AnnouncementBanners/FullWidthWithDismissButtonOnRedBackground";
|
|
import CenterAlignedInContainerSizeWithBackgroundElements from "@/sections/AnnouncementBanners/CenterAlignedInContainerSizeWithBackgroundElements";
|
|
import LightPilledStyleLink from "@/sections/AnnouncementBanners/LightPilledStyleLink";
|
|
import LinksInGradientBackground from "@/sections/AnnouncementBanners/LinksInGradientBackground";
|
|
import FullWidthCenterAlignedLinkOnGrayBackground from "@/sections/AnnouncementBanners/FullWidthCenterAlignedLinkOnGrayBackground";
|
|
import CardsWithStatsInADarkBackground from "@/sections/Testimonials/CardsWithStatsInADarkBackground";
|
|
import SmallImage from "@/sections/Testimonials/SmallImage";
|
|
import TestimonialsWithStats from "@/sections/Testimonials/TestimonialsWithStats";
|
|
import BigImage from "@/sections/Testimonials/BigImage";
|
|
import ShortReviewWithLogoAndStars from "@/sections/Testimonials/ShortReviewWithLogoAndStars";
|
|
import SimpleCenterAlignedWithLogo from "@/sections/Testimonials/SimpleCenterAlignedWithLogo";
|
|
import GrayCards from "@/sections/Testimonials/GrayCards";
|
|
import SolidBlueBackgroundIconWithGrayBackgroundOnHover from "@/sections/IconSections/SolidBlueBackgroundIconWithGrayBackgroundOnHover";
|
|
import BorderGradient from "@/sections/IconSections/BorderGradient";
|
|
import StackedCards from "@/sections/IconSections/StackedCards";
|
|
import SquareShapeBordered from "@/sections/IconSections/SquareShapeBordered";
|
|
import IconGrayBackgroundOnHover from "@/sections/IconSections/IconGrayBackgroundOnHover";
|
|
import SimpleLeftAligned from "@/sections/IconSections/SimpleLeftAligned";
|
|
import CenterAligned from "@/sections/IconSections/CenterAligned";
|
|
import DescriptionOnLeftIconBlocksOnRight from "@/sections/IconSections/DescriptionOnLeftIconBlocksOnRight";
|
|
import MediumwDescriptionWithIconBlocks from "@/sections/IconSections/MediumSizeDescriptionWithIconBlocks";
|
|
import TwoColsGrid from "@/sections/IconSections/TwoColsGrid";
|
|
import TwoGridsList from "@/sections/BlogSections/TwoGridsList";
|
|
import ThreeGridsWithAnOverlayCard from "@/sections/BlogSections/ThreeGridsWithAnOverlayCard";
|
|
import HeroStyle from "@/sections/BlogSections/HeroStyle";
|
|
import ImageOverlay from "@/sections/BlogSections/ImageOverlay";
|
|
import ImageCardWithSubtitleAndTitle from "@/sections/BlogSections/ImageCardWithSubtitleAndTitle";
|
|
import HorizontalStyle from "@/sections/BlogSections/HorizontalStyle";
|
|
import CardWithBackgroundGrayOnHover from "@/sections/BlogSections/CardWithBackgroundGrayOnHover";
|
|
import BrandColorOnHover from "@/sections/BlogSections/BrandColorOnHover";
|
|
import SolidBackgrondIconFeature from "@/sections/Features/SolidBackgrondIconFeature";
|
|
import CardTestimonial from "@/sections/Testimonials/CardTestimonial";
|
|
|
|
export default function Home() {
|
|
return (
|
|
<>
|
|
<PageWrapper>
|
|
<SquaredBackgroundHero />
|
|
<VerticalTabsFeature />
|
|
<div className="bg-primary/2">
|
|
<ContainerImageIconBlocksFeature />
|
|
</div>
|
|
<PageHeader
|
|
title={"You Will Hate FastPocket If..."}
|
|
className="!pt-16"
|
|
subtitle={<></>}
|
|
/>
|
|
<CardsFeature />
|
|
<Background>
|
|
<CardTestimonial />
|
|
</Background>
|
|
<PageHeader
|
|
title={"Want To Start Building Your Apps Faster?"}
|
|
className="!pt-16"
|
|
subtitle={
|
|
<>
|
|
{" "}
|
|
<h2 className="text-base-content text-2xl font-medium content text-center max-w-6xl mx-auto px-6">
|
|
Purchase now to get early access at a discounted price and start
|
|
building with fly.io and docker compose templates immediately!
|
|
</h2>
|
|
</>
|
|
}
|
|
/>
|
|
<FAQ />
|
|
<Footer />
|
|
</PageWrapper>
|
|
</>
|
|
);
|
|
}
|