Add Drupal headless stack with Next.js frontend
- Add Next.js frontend service (nextjs) with Dockerfile and source - Update docker-compose.yml: image names, Drupal 11.3.3, nextjs service - Add docker-compose.override.yml.disabled for dev hot-reload - Add install-headless-modules.sh for OAuth/JSON:API module setup - Add README.md with full setup and configuration guide - Update nginx/Dockerfile and nginx.conf.template for cms. subdomain - Update drupal/Dockerfile PHP-FPM build args - Gitignore **/.vscode/ to prevent IDE workspace files from being tracked
This commit is contained in:
parent
71a8dac389
commit
f8b8f53d54
85 changed files with 7802 additions and 17 deletions
36
drupal/nextjs/components/home-marquee.tsx
Normal file
36
drupal/nextjs/components/home-marquee.tsx
Normal file
|
|
@ -0,0 +1,36 @@
|
|||
"use client"
|
||||
|
||||
const testimonials = [
|
||||
"Clean, fast, and well documented.",
|
||||
"Best developer experience I've had in years.",
|
||||
"Went from zero to production in minutes.",
|
||||
"The documentation is a joy to read.",
|
||||
"Scales effortlessly with my needs.",
|
||||
"Exactly what I needed for my project.",
|
||||
]
|
||||
|
||||
function MarqueeContent() {
|
||||
return (
|
||||
<>
|
||||
{testimonials.map((testimonial, index) => (
|
||||
<span
|
||||
key={index}
|
||||
className="home-marquee-item mx-4 flex shrink-0 items-center gap-2 rounded-full border border-slate-200 bg-white px-6 py-3 text-sm text-slate-600 shadow-sm"
|
||||
>
|
||||
{testimonial}
|
||||
</span>
|
||||
))}
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export function HomeMarquee() {
|
||||
return (
|
||||
<section className="home-marquee relative left-1/2 w-screen -translate-x-1/2 overflow-hidden border-y border-slate-200 bg-slate-50 py-8">
|
||||
<div className="home-marquee-track flex w-max animate-marquee">
|
||||
<MarqueeContent />
|
||||
<MarqueeContent />
|
||||
</div>
|
||||
</section>
|
||||
)
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue