diff --git a/README.md b/README.md index 0da841e..0f29e58 100644 --- a/README.md +++ b/README.md @@ -1,158 +1,99 @@ # Ebb'nFlow Therapeutics Website -A static HTML/CSS/JavaScript website for Ebb'nFlow Therapeutics massage therapy practice. +A dual-purpose website that works as both a Next.js application (for v0 preview) and exports to static HTML (for Cloudflare Pages deployment). -## ๐Ÿšจ Current Issue & Fix +## ๐Ÿš€ Quick Start -Your site at https://ebb-n-flow-website.pages.dev/ isn't working because Cloudflare is looking for Next.js files. - -### **Quick Fix:** - -1. **Delete the current Cloudflare Pages project:** - - Go to [Cloudflare Dashboard](https://dash.cloudflare.com/) - - Navigate to Pages โ†’ ebb-n-flow-website - - Settings โ†’ Delete project - -2. **Create a new deployment with ONLY these files:** - - `index.html` - - `about.html` - - `contact.html` - - `movement.html` - - `what-to-expect.html` - - `styles.css` - - `script.js` - - `_routes.json` - - `_headers` - - `images/` folder - -3. **Upload Method:** - - Choose "Upload assets" (not Git integration) - - Drag and drop the files listed above - - Deploy! - -## ๐Ÿ“ Files to Deploy - -**Root files:** -\`\`\` -index.html -about.html -contact.html -movement.html -what-to-expect.html -styles.css -script.js -_routes.json -_headers -\`\`\` - -**Images folder:** -\`\`\` -images/ -โ”œโ”€โ”€ logo.jpg -โ”œโ”€โ”€ dahlia-portrait.jpg -โ”œโ”€โ”€ treatment-room.jpg -โ”œโ”€โ”€ reception-area.jpg -โ”œโ”€โ”€ clinic-exterior.jpg -โ”œโ”€โ”€ clinic-entrance.jpg -โ”œโ”€โ”€ yellow-door.jpg -โ”œโ”€โ”€ bioflex-laser.png -โ”œโ”€โ”€ movement-class.png -โ”œโ”€โ”€ olivia-cat.png -โ””โ”€โ”€ rmt-certification.png -\`\`\` - -## ๐Ÿš€ Deployment Options - -### Option 1: Cloudflare Pages (Direct Upload) โญ RECOMMENDED - -1. Go to [Cloudflare Pages](https://dash.cloudflare.com/) -2. Click "Create a project" -3. Select "Upload assets" -4. Upload ONLY the files listed above -5. Build settings: **LEAVE EMPTY** (no build needed) -6. Deploy! - -### Option 2: Wrangler CLI +### Development (Next.js Preview) \`\`\`bash -# Install wrangler -npm install -g wrangler - -# Login -wrangler login - -# Deploy from project root -wrangler pages deploy . --project-name=ebb-n-flow-website +npm install +npm run dev \`\`\` -### Option 3: GitHub Integration +Visit http://localhost:3000 -1. Create a new repository with ONLY the files listed above -2. In Cloudflare Pages, connect to Git -3. Build settings: - - **Build command:** (leave empty) - - **Build output directory:** `/` - - **Root directory:** `/` - -## ๐ŸŒ Local Development +### Build for Cloudflare Pages \`\`\`bash -# Option 1: Python -python -m http.server 8000 - -# Option 2: Node.js -npx serve . - -# Option 3: PHP -php -S localhost:8000 +npm run build:static \`\`\` -Visit: http://localhost:8000 +This will create an `out/` folder with static HTML files ready for Cloudflare Pages deployment. -## โœ… Verification Checklist +## ๐Ÿ“ Project Structure -After deploying, verify: -- [ ] Homepage loads at https://ebb-n-flow-website.pages.dev/ -- [ ] All navigation links work -- [ ] Images load correctly -- [ ] Booking button links to ClinicSense -- [ ] Mobile menu works -- [ ] All pages (about, contact, movement, what-to-expect) load +\`\`\` +โ”œโ”€โ”€ app/ +โ”‚ โ”œโ”€โ”€ page.tsx # Homepage +โ”‚ โ”œโ”€โ”€ about/page.tsx # About page +โ”‚ โ”œโ”€โ”€ contact/page.tsx # Contact page +โ”‚ โ”œโ”€โ”€ movement/page.tsx # Movement page +โ”‚ โ”œโ”€โ”€ what-to-expect/page.tsx # What to Expect page +โ”‚ โ”œโ”€โ”€ components/ +โ”‚ โ”‚ โ”œโ”€โ”€ Navigation.tsx +โ”‚ โ”‚ โ”œโ”€โ”€ Footer.tsx +โ”‚ โ”‚ โ””โ”€โ”€ Modal.tsx +โ”‚ โ”œโ”€โ”€ layout.tsx +โ”‚ โ””โ”€โ”€ globals.css +โ”œโ”€โ”€ public/ +โ”‚ โ””โ”€โ”€ images/ # All images +โ”œโ”€โ”€ next.config.ts # Configured for static export +โ””โ”€โ”€ package.json +\`\`\` + +## ๐ŸŒ Deployment Options + +### Option 1: Cloudflare Pages (Recommended) + +1. Build the static files: + \`\`\`bash + npm run build:static + \`\`\` + +2. Deploy the `out/` folder to Cloudflare Pages: + - Go to Cloudflare Dashboard + - Create new Pages project + - Upload the `out/` folder + +### Option 2: v0 Preview + +The project works natively in v0 for live preview and iteration. ## ๐ŸŽจ Features -- Pure HTML/CSS/JavaScript (no frameworks) -- Mobile responsive design -- Smooth scroll navigation -- Modal popups for service info -- Collapsible mobile menu -- Integrated booking system +- **Dual Mode**: Works as Next.js app (dev) and static HTML (production) +- **Image Optimization**: Uses Next.js Image component with unoptimized export +- **Responsive Design**: Mobile-first approach +- **SEO Optimized**: Meta tags and semantic HTML +- **Performance**: Static generation for fast loading -## ๐Ÿ“ž Contact Information +## ๐Ÿ“ Development Notes + +- Images are in `/public/images/` and referenced as `/images/filename.jpg` +- Navigation uses Next.js Link for client-side routing in dev +- Modal functionality is client-side with React hooks +- All pages export as static HTML with proper routing + +## ๐Ÿ”ง Configuration + +### next.config.ts +\`\`\`typescript +const nextConfig = { + output: 'export', // Enables static export + images: { + unoptimized: true, // Required for static export + }, + trailingSlash: true, // Adds trailing slash to URLs +} +\`\`\` + +## ๐Ÿ“ž Contact **Ebb'nFlow Therapeutics** - ๐Ÿ“ 59 Wellington Street, St. Catharines, ON L2R 5P9 - ๐Ÿ“ž (289) 969-3219 - โœ‰๏ธ info@ebbnflowtherapeutics.com -- ๐ŸŒ [Book Online](https://ebbnflowmassage.clinicsense.com) - -## ๐Ÿ› Troubleshooting - -**Site shows 404 or doesn't load?** -- Make sure you uploaded ALL files (especially index.html) -- Check that files are in the root directory, not in a subfolder - -**Images not loading?** -- Verify the `images/` folder was uploaded -- Check image paths in HTML files (should be `images/filename.jpg`) - -**Styles not working?** -- Ensure `styles.css` is in the root directory -- Clear browser cache (Ctrl+Shift+R or Cmd+Shift+R) - -**JavaScript not working?** -- Make sure `script.js` is in the root directory -- Check browser console for errors (F12) --- diff --git a/app/about/page.tsx b/app/about/page.tsx new file mode 100644 index 0000000..8fef6e1 --- /dev/null +++ b/app/about/page.tsx @@ -0,0 +1,221 @@ +import Image from "next/image" +import Link from "next/link" +import Navigation from "../components/Navigation" +import Footer from "../components/Footer" + +export const metadata = { + title: "About Dahlia B. Steinberg, RMT - Ebb'nFlow Therapeutics", + description: + "Meet Dahlia B. Steinberg, RMT - Founder of Ebb'nFlow Therapeutics. A lifelong interest in movement and healing arts.", +} + +export default function About() { + return ( + <> + + + {/* Hero Section */} +
+
+ About Dahlia +

Dahlia B. Steinberg, RMT

+

Founder and Owner of Ebb'nFlow Therapeutics

+

+ A lifelong interest in movement and the healing arts is the foundation of her practice as a massage + therapist, laser therapist, and movement educator. +

+
+
+ + {/* Bio Section */} +
+
+
+
+

Professional Background

+

+ Dahlia's personal and professional experience with a wide range of bodywork practices including + yoga, pilates, somatic movement and modern dance spans 30 years and informs her unique style and + approach to her clinical practice of massage therapy. +

+

+ She is registered with the College of Massage Therapists of Ontario (CMTO), which is the provincial + regulatory body that protects the public interest by monitoring the ongoing professional development and + ethical standards of RMTs. +

+ +
+

Practice Evolution

+
+

+ 2013: Started Ebb'nflow Massage, working with Dr. Enrico Schirru at Absolute + Chiropractic +

+

+ 2013-2017: Worked at Paisley Spa and John Chan Physiotherapy Clinic +

+

+ 2015: Established first home-based clinic on Ontario Street +

+

+ 2017: Moved to home location on Woodbine Ave., working solely for herself +

+

+ 2025: Relocated to downtown St. Catharines, rebranded to Ebb'nFlow + Therapeutics +

+
+
+
+
+ Dahlia B. Steinberg, RMT - Founder of Ebb'nFlow Therapeutics +
+
+
+
+ + {/* Education Section */} +
+
+

Education & Training

+ +
+
+

Formal Education

+
+

+ 2021: Meditech International Inc. Bioflex Laser Therapy Certification +

+

+ 2012: Graduate, Massage Therapy Program, Ontario College of Health and Technology +

+

+ 2009: Pilates Teacher Training, STOTT Toronto (Beginner to Advanced Matwork) +

+

+ 2003-05: Yoga Teacher Training, Yogaspace Toronto (200 hr diploma + Advanced Teacher + Training) +

+

+ 1998: School of Toronto Dance Theatre's Professional Training Program +

+
+
+ +
+

Continuing Education

+
    +
  • Myofascial therapy/structural integration
    • +
  • Biodynamic craniosacral therapy
    • +
  • Osteopathic techniques for RMTs
    • +
  • Advanced sacro-lumbar and thoracic spine assessments and joint mobilization
    • +
  • Axis Syllabus - evolving theory and practice of dynamic human movement
    • +
+
+ +
+

Recognition & Support

+

Massage Therapy is Dahlia's second career, supported by:

+
    +
  • Training and subsistence grant from the Dancer's Transition and Resource Centre (2010)
    • +
  • + Special second year award for academic excellence (Dancer's Transition and Resource Centre, 2011) +
    • +
+
+
+
+
+ + {/* Teaching Section */} +
+
+
+

Teaching & Mentorship

+

+ Dahlia now also works once a week as a supervisor and teacher in the student massage therapy clinic, which + is open to the public at the Ontario College of Health and Technology in Stoney Creek. This role helps to + keep her engaged and informed in her current practice while inspiring her to encourage and mentor the next + generation of massage therapists. +

+
+
+
+ + {/* Meet Olivia Section */} +
+
+

Meet Olivia

+ +
+
+ Olivia, the friendly clinic cat at Ebb'nFlow Therapeutics +
+
+
+

+ No visit to Ebb'nFlow Therapeutics would be complete without meeting Olivia, our gentle and + affectionate clinic companion. This sweet tabby girl has a calming presence that perfectly complements + the therapeutic atmosphere of our space. +

+

+ Olivia enjoys greeting clients with soft purrs and will often curl up nearby during sessions, adding + an extra layer of comfort and relaxation to your experience. Her friendly demeanor and peaceful energy + make her a beloved part of the Ebb'nFlow family. +

+

+ Please let us know if you have any allergies or prefer a cat-free sessionโ€”we're happy to + accommodate all our clients' needs! +

+
+
+
+
+
+ + {/* CTA Section */} +
+
+

Experience Dahlia's Unique Approach

+

Combining 30 years of movement expertise with clinical massage therapy excellence.

+
+ + Book Appointment + + + What to Expect + +
+
+ Registered Massage Therapist - Professional Hands You Can Trust +
+
+
+ +