Added Tailwind CSS and tw-animate-css imports to globals.css. Introduced a custom dark variant and an extensive @theme inline block with CSS variables for colors, radii, and animations. Included keyframes for shimmer-slide, spin-around, gradient, shine, and background-position-spin to enable consistent theming and dynamic UI effects across the application.
26 lines
838 B
TypeScript
26 lines
838 B
TypeScript
import Header from "@/components/Header";
|
|
import { EscrowBanner } from "@/components/sections/escrow-banner";
|
|
import { EscrowExplanation } from "@/components/sections/escrow-explanation";
|
|
import { HeroSection } from "@/components/sections/hero-section";
|
|
import { HowItWorks } from "@/components/sections/how-it-works";
|
|
import { FeaturedItems } from "@/components/sections/featured-items";
|
|
import { MarketOffers } from "@/components/sections/market-offers";
|
|
import { MarketStats } from "@/components/sections/market-stats";
|
|
|
|
export default function Home() {
|
|
return (
|
|
<div className="min-h-screen">
|
|
<Header />
|
|
<EscrowBanner />
|
|
<main>
|
|
<HeroSection />
|
|
<HowItWorks />
|
|
<FeaturedItems />
|
|
<MarketOffers />
|
|
<MarketStats />
|
|
</main>
|
|
<EscrowExplanation />
|
|
</div>
|
|
);
|
|
}
|