Component Library & Usage

import Hero from "@/features/home/hero1";
<Hero />

import Navigation from "@/features/home/navigation1";
<Navigation />

import Features from "@/features/home/features1";
<Features />

import Stats from "@/features/home/stats1";
<Stats />

import Testimonials from "@/features/home/testimonials1";
<Testimonials />

import { Pricing } from "@/features/home/shared/pricing";
<Pricing />

import CallToAction from "@/features/home/call-to-action1";
<CallToAction />

import Contact from "@/features/home/contact1";
<Contact />

import Footer from "@/features/home/footer1";
<Footer />

import BentoGrid from "@/features/home/bento-grid1";
<BentoGrid />

import FAQs from "@/features/home/faqs1";
<FAQs />

import Logos from "@/features/home/logos2";
<Logos />

import { Button } from "ui/button";
<Button variant="outline">Click me</Button>

import TestimonialsSingle from "@/components/testimonials-single";
<TestimonialsSingle />

import { TestimonialsCarousel } from "@/components/testimonials-carousel";
<TestimonialsCarousel />

import AnimatedTestimonialsDemo from "@/components/testimonials-animated";
<AnimatedTestimonialsDemo />

import { TestimonialSingle } from "@/components/testimonial-single";
<TestimonialSingle />

import { TestimonialGrid } from "@/components/testimonial-grid";
<TestimonialGrid />

import { PricingSelector } from "@/components/pricing-selector";
<PricingSelector />

import PricingPage from "@/components/pricing-with-modals";
<PricingPage />

import SimplePricing from "@/components/pricing copy";
<SimplePricing />

import { FeatureGrid } from "@/components/feature-grid";
<FeatureGrid />

import Feature3 from "@/components/features-circulated";
<Feature3 />

import BentoGrid from "@/components/features-bento-grid";
<BentoGrid />

import FeatureSteps from "@/components/features-accordion";
<FeatureSteps />

import Header from "@/components/header";
<Header />

import Footer from "@/components/footer";
<Footer />

import UsageDashboard from "@/components/team-switcher";
<UsageDashboard />

import { UsageMeter } from "@/components/usage-meter";
<UsageMeter value={75} label="API Usage" quota="750/1000" />

import AIConversation from "@/components/ai-conversation";
<AIConversation />

import AIAnimatedChat from "@/components/ai-animated-chat";
<AnimatedAIChat />

import AIConversation from "@/components/ai-conversation";
<PromptInput maxTokens={100} onSubmit={val => alert(val)} />

import { ResponseStream } from "@/components/response-stream";

<ResponseStream response="Hello, world!" isStreaming />

import { ButtonLead } from "@/components/button-lead";
<ButtonLead label="Join Now" />

import Loader from "@/components/loader";
<Loader />

import AppSidebar from "@/components/app-sidebar";
<AppSidebar />

import Providers from "@/components/providers";
<Providers>{children}</Providers>