ShipFastCheap comes with many components to help you build SEO-optimized pages (like a landing page) in no time.
The /components folder contains all you need (hero, pricing, FAQ sections). Here's the list of all the components & themes.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
import { getSEOTags } from "@/utils/seo";
export const metadata = getSEOTags({ canonicalUrlRelative: "/" });
export default function Landing() {
return (
<>
<main
className="min-h-screen p-12 pb-24 text-center"
data-theme="dark"
>
<section className="max-w-xl mx-auto space-y-8">
<h1 className="text-3xl md:text-4xl font-extrabold">
Food recipes you'll love 🥦
</h1>
<p className="text-lg leading-relaxed text-base-content/80">
Our AI will generate recipes based on your preferences. New recipes
will be added every week!
</p>
<img
src="https://images.unsplash.com/photo-1518843875459-f738682238a6?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=3484&q=80"
alt="Vegetables"
width={500}
height={250}
className="rounded-lg mx-auto"
/>
<button className="btn btn-primary btn-wide">Get started</button>
</section>
</main>
</>
);
}