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:
parent
e8437136cb
commit
a08c6208ec
|
|
@ -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'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
|
||||
|
|
|
|||
|
|
@ -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: ["/"],
|
||||
};
|
||||
Loading…
Reference in New Issue