Add dandylion.nusqool.com landing page with membership tiers

- Redirect dandylion.nusqool.com root to /embodiment-circle
- Add Community Member (free) and Embodiment Circle Participant ($1,010) tier cards
- Update all "Join Today" links to point to dandelion.nusqool.com/login
- Add payment options display (one-time and monthly installment)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Jeff Emmett 2026-02-09 14:36:32 +00:00
parent e8437136cb
commit a08c6208ec
2 changed files with 95 additions and 4 deletions

View File

@ -17,7 +17,7 @@ export default function EmbodimentCircle() {
Pricing
</a>
<a
href="https://dandelion.nusqool.com"
href="https://dandelion.nusqool.com/login"
className="px-6 py-2 bg-nusqool-yellow text-nusqool-brown font-medium rounded-sm hover:bg-opacity-90 transition-all"
>
Join Today
@ -53,7 +53,7 @@ export default function EmbodimentCircle() {
</p>
<div className="flex flex-col sm:flex-row gap-4 justify-center">
<a
href="https://dandelion.nusqool.com"
href="https://dandelion.nusqool.com/login"
className="px-8 py-4 bg-nusqool-yellow text-nusqool-brown font-medium rounded-sm hover:bg-opacity-90 transition-all text-lg"
>
Join Today
@ -487,7 +487,7 @@ export default function EmbodimentCircle() {
<div className="text-center">
<a
href="https://dandelion.nusqool.com"
href="https://dandelion.nusqool.com/login"
className="inline-block px-10 py-4 bg-nusqool-yellow text-nusqool-brown font-medium rounded-sm hover:bg-opacity-90 transition-all text-lg"
>
Join Today
@ -569,6 +569,80 @@ export default function EmbodimentCircle() {
</div>
</section>
{/* Choose Your Tier */}
<section className="py-20 px-6 bg-nusqool-cream">
<div className="max-w-5xl mx-auto">
<h2 className="text-3xl md:text-4xl font-serif text-nusqool-brown mb-12 text-center">
Choose Your Tier
</h2>
<div className="grid md:grid-cols-2 gap-8 max-w-4xl mx-auto">
{/* Community Member - Free */}
<div className="bg-white p-8 rounded-sm border border-nusqool-brown/20 flex flex-col">
<div className="mb-6">
<h3 className="text-xl font-serif text-nusqool-brown mb-2">Community Member</h3>
<div className="text-3xl font-serif text-nusqool-brown mb-4">Free</div>
<p className="text-nusqool-warmGray text-sm">
For everyone who has participated in an event, workshop, or group program with Nusqool,
our partners and faculty. Joining as a community member gives you access to our community
chat threads, including a channel to share your acts of kindness and witness other acts of
kindness in the community. You are invited to upgrade into a Friends of Nusqool or
Embodiment Circle membership to access the weekly events and programs offered at Nusqool.
</p>
</div>
<div className="mt-auto">
<a
href="https://dandelion.nusqool.com/login"
className="block text-center px-6 py-3 border-2 border-nusqool-brown text-nusqool-brown font-medium rounded-sm hover:bg-nusqool-brown hover:text-white transition-all"
>
Choose
</a>
</div>
</div>
{/* Embodiment Circle Participant */}
<div className="bg-white p-8 rounded-sm border-2 border-nusqool-yellow relative flex flex-col">
<span className="absolute -top-3 left-1/2 -translate-x-1/2 bg-nusqool-yellow text-nusqool-brown text-xs font-medium px-3 py-1 rounded-full">
Popular
</span>
<div className="mb-6">
<h3 className="text-xl font-serif text-nusqool-brown mb-2">Embodiment Circle Participant</h3>
<div className="text-3xl font-serif text-nusqool-brown mb-1">CA$1,010.00</div>
<p className="text-nusqool-warmGray text-sm mb-4">
A 12-week celebration and practice space for being fully yourself held with safety,
creativity, and community by 18 extraordinary facilitators.
</p>
<p className="text-sm text-nusqool-sage mb-4">
For the scholarship application, please complete{" "}
<a href="#scholarship" className="underline hover:text-nusqool-brown transition-colors">
this google form
</a>{" "}
and we&apos;ll send you a discount code to continue your registration.
</p>
<div className="space-y-3 bg-nusqool-cream p-4 rounded-sm">
<div>
<p className="text-sm font-medium text-nusqool-brown">One Time</p>
<p className="text-lg text-nusqool-brown">CA$1,010.00</p>
</div>
<div className="border-t border-nusqool-brown/10 pt-3">
<p className="text-sm font-medium text-nusqool-brown">Installment Plan (Monthly)</p>
<p className="text-lg text-nusqool-brown">CA$88.00 <span className="text-sm text-nusqool-warmGray">/ mo for 12 months</span></p>
</div>
</div>
</div>
<div className="mt-auto">
<a
href="https://dandelion.nusqool.com/login"
className="block text-center px-6 py-3 bg-nusqool-yellow text-nusqool-brown font-medium rounded-sm hover:bg-opacity-90 transition-all"
>
Purchase
</a>
</div>
</div>
</div>
</div>
</section>
{/* Final CTA */}
<section className="py-20 px-6 bg-nusqool-brown text-white">
<div className="max-w-3xl mx-auto text-center">
@ -579,7 +653,7 @@ export default function EmbodimentCircle() {
The next Embodiment Circle begins January 18, 2026
</p>
<a
href="https://dandelion.nusqool.com"
href="https://dandelion.nusqool.com/login"
className="inline-block px-10 py-4 bg-nusqool-yellow text-nusqool-brown font-medium rounded-sm hover:bg-opacity-90 transition-all text-lg"
>
Join Today

17
src/middleware.ts Normal file
View File

@ -0,0 +1,17 @@
import { NextResponse } from "next/server";
import type { NextRequest } from "next/server";
export function middleware(request: NextRequest) {
const hostname = request.headers.get("host") || "";
// Redirect dandylion.nusqool.com root to /embodiment-circle
if (hostname.includes("dandylion.nusqool.com") && request.nextUrl.pathname === "/") {
return NextResponse.redirect(new URL("/embodiment-circle", request.url));
}
return NextResponse.next();
}
export const config = {
matcher: ["/"],
};