Docs
Landing Page
Landing Page
Let's build a beautiful landing page using ZexaNext.
-
If you haven't already, clone the ZexaNext repository and run the server locally. See the Getting Started guide for more information.
-
Delete the existing content in the
/app/page.tsx
file and paste this.
import { Hero } from "@/components/landing/hero";
import { FAQ } from "@/components/landing/faq";
import { Footer } from "@/components/landing/footer";
import { Pricing } from "@/components/landing/pricing";
import { TestimonialSmall } from "@/components/landing/testimonial-small";
import { TestimonialMedium } from "@/components/landing/testimonial-medium";
import { Customers } from "@/components/landing/customers";
import { FeaturesGrid } from "@/components/landing/features-grid";
import CTA from "@/components/landing/cta";
import { FeaturesListicle } from "@/components/landing/features-listicle";
import { FeaturesAccordian } from "@/components/landing/features-accordian";
export default function Home() {
return (
<div className="flex flex-col h-full items-center justify-center w-full">
<Hero />
<Customers />
<FeaturesListicle />
<FeaturesGrid />
<Pricing />
<TestimonialSmall />
<FAQ />
<FeaturesAccordian />
<TestimonialMedium />
<CTA />
<Footer />
</div>
);
}