Merge version_3 into main
Merge version_3 into main
This commit was merged in pull request #6.
This commit is contained in:
159
src/app/page.tsx
159
src/app/page.tsx
@@ -3,14 +3,15 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,77 +31,30 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Inspired Brew"
|
||||
button={{ text: "Book Now" }}
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-static-grid"}}
|
||||
background={{ variant: "rotated-rays-static-grid" }}
|
||||
title="Move Better. Feel Stronger. Live Inspired."
|
||||
description="Personalized physical therapy and recovery care designed to restore confidence, reduce pain, and help you return to the life you love."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.", handle: "@patient", testimonial: "They made me feel like family from day one.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-journalist-doing-his-job_23-2149029363.jpg?_wi=1", imageAlt: "luxury physical therapy studio interior"},
|
||||
{
|
||||
name: "Mark R.", handle: "@athlete", testimonial: "Professional, knowledgeable, and incredibly encouraging.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medical-assistant-helping-patient-with-physiotherapy-exercises_23-2149071447.jpg?_wi=1", imageAlt: "luxury physical therapy studio interior"},
|
||||
{
|
||||
name: "Emily D.", handle: "@patient", testimonial: "I could barely get out of bed before treatment. Now I’m living normally again.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/patient-doing-physical-rehabilitation-helped-by-therapists_23-2149227854.jpg?_wi=1", imageAlt: "luxury physical therapy studio interior"},
|
||||
{
|
||||
name: "David K.", handle: "@patient", testimonial: "Their approach to recovery changed my outlook on life.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-couple-doing-workout-exercises_23-2150470970.jpg?_wi=1", imageAlt: "luxury physical therapy studio interior"},
|
||||
{
|
||||
name: "Linda P.", handle: "@patient", testimonial: "Best care I have ever received for my chronic pain.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medical-assistant-helping-patient-with-physiotherapy-exercises_23-2149071441.jpg?_wi=1", imageAlt: "luxury physical therapy studio interior"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Evaluation"},
|
||||
{
|
||||
text: "Call Now"},
|
||||
{ name: "Sarah J.", handle: "@patient", testimonial: "They made me feel like family from day one.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-journalist-doing-his-job_23-2149029363.jpg?_wi=1", imageAlt: "luxury physical therapy studio interior" },
|
||||
{ name: "Mark R.", handle: "@athlete", testimonial: "Professional, knowledgeable, and incredibly encouraging.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medical-assistant-helping-patient-with-physiotherapy-exercises_23-2149071447.jpg?_wi=1", imageAlt: "luxury physical therapy studio interior" },
|
||||
]}
|
||||
buttons={[{ text: "Book Your Evaluation", href: "#contact" }, { text: "Call Now" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-journalist-doing-his-job_23-2149029363.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-having-coffee-bathroom_23-2148147482.jpg", alt: "Clinic patient"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautician-woman-clinic-with-tablet_23-2148878884.jpg", alt: "Clinic staff"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-working-from-home-online-shopping-laptop-using-her-computer_1258-205003.jpg", alt: "Patient home care"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-woman-with-arms-crossed-office_23-2148180659.jpg", alt: "Smiling patient"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-getting-support-her-wrist-rehabilitation-center_23-2150356721.jpg", alt: "Rehab professional"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ happy clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Orthopedic Care"},
|
||||
{
|
||||
type: "text", text: "Sports Rehab"},
|
||||
{
|
||||
type: "text", text: "Injury Prevention"},
|
||||
{
|
||||
type: "text", text: "Post-Op Recovery"},
|
||||
{
|
||||
type: "text", text: "Functional Movement"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -108,12 +62,9 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text", content: "Care That Feels "},
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/medical-assistant-helping-patient-with-physiotherapy-exercises_23-2149071447.jpg", alt: "Care"},
|
||||
{
|
||||
type: "text", content: " Different"},
|
||||
{ type: "text", content: "Care That Feels " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/medical-assistant-helping-patient-with-physiotherapy-exercises_23-2149071447.jpg", alt: "Care" },
|
||||
{ type: "text", content: " Different" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -124,15 +75,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1", title: "Orthopedic Rehabilitation", description: "Recover from injuries, surgery, and chronic pain with targeted treatment.", tag: "Care", imageSrc: "http://img.b2bpic.net/free-photo/patient-doing-physical-rehabilitation-helped-by-therapists_23-2149227854.jpg?_wi=2"},
|
||||
{
|
||||
id: "f2", title: "Sports Performance", description: "Helping athletes safely return stronger, faster, and more confident.", tag: "Performance", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-couple-doing-workout-exercises_23-2150470970.jpg?_wi=2"},
|
||||
{
|
||||
id: "f3", title: "Post-Surgical Therapy", description: "Guided rehabilitation designed to restore mobility and strength.", tag: "Recovery", imageSrc: "http://img.b2bpic.net/free-photo/medical-assistant-helping-patient-with-physiotherapy-exercises_23-2149071441.jpg?_wi=2"},
|
||||
{ id: "f1", title: "Orthopedic Rehabilitation", description: "Recover from injuries, surgery, and chronic pain.", tag: "Care", imageSrc: "http://img.b2bpic.net/free-photo/patient-doing-physical-rehabilitation-helped-by-therapists_23-2149227854.jpg?_wi=2" },
|
||||
{ id: "f2", title: "Sports Performance", description: "Return stronger, faster, and more confident.", tag: "Performance", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-couple-doing-workout-exercises_23-2150470970.jpg?_wi=2" },
|
||||
]}
|
||||
title="Healing Designed Around You"
|
||||
description="Comprehensive physical therapy and movement-based solutions to restore confidence."
|
||||
description="Comprehensive physical therapy solutions to restore your movement."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -141,17 +88,9 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "500+", description: "Patients Helped"},
|
||||
{
|
||||
id: "m2", value: "15", description: "Years Experience"},
|
||||
{
|
||||
id: "m3", value: "4.9", description: "Average Rating"},
|
||||
]}
|
||||
metrics={[{ id: "m1", value: "500+", description: "Patients Helped" }, { id: "m2", value: "15", description: "Years Experience" }]}
|
||||
title="Proven Results"
|
||||
description="Trusted by hundreds of families in our community."
|
||||
description="Trusted by hundreds of families."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -161,73 +100,49 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah J.", handle: "@patient", testimonial: "They made me feel like family from day one.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-red-rose-valentines-day_23-2148383153.jpg"},
|
||||
{
|
||||
id: "2", name: "Mark R.", handle: "@athlete", testimonial: "Professional, knowledgeable, and incredibly encouraging.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-age-activity-healthy-lifestyle-wellbeing-attractive-sporty-man-retirement-sitting-gym-with-his-cute-young-woman-instructor-who-is-holding-pen-clipboard-making-plan-training_343059-4791.jpg"},
|
||||
{
|
||||
id: "3", name: "Emily D.", handle: "@patient", testimonial: "I could barely get out of bed before treatment. Now I’m living normally again.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-relaxing-taking-care-himself_23-2149288091.jpg"},
|
||||
{
|
||||
id: "4", name: "David K.", handle: "@patient", testimonial: "They gave me confidence in my body again.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-rehabilitation-center-getting-treatment_23-2150356697.jpg"},
|
||||
{
|
||||
id: "5", name: "Linda P.", handle: "@patient", testimonial: "The entire team genuinely cares about your success.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-doing-family-therapy_23-2149305190.jpg"},
|
||||
{ id: "1", name: "Sarah J.", handle: "@patient", testimonial: "The best care I have ever received!", rating: 5 }
|
||||
]}
|
||||
showRating={true}
|
||||
title="Patients Feel Cared For"
|
||||
description="Real transformation stories from our community."
|
||||
title="Patient Success Stories"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "Does insurance cover treatment?", content: "Yes, we work with many major insurance providers."},
|
||||
{
|
||||
id: "q2", title: "Do I need a referral?", content: "In many cases, no. Our team can guide you."},
|
||||
{
|
||||
id: "q3", title: "How many sessions will I need?", content: "This depends on your specific goals and progress."},
|
||||
{
|
||||
id: "q4", title: "What should I wear?", content: "Comfortable, athletic clothing is best."},
|
||||
{ id: "q1", title: "Does insurance cover treatment?", content: "Yes, we work with many major insurance providers." },
|
||||
{ id: "q2", title: "Do I need a referral?", content: "In many cases, no. Our team can guide you." }
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Information to help you feel prepared for your journey."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medical-assistant-helping-patient-with-physiotherapy-exercises_23-2149071447.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Your Recovery Starts Here"
|
||||
description="Pain shouldn't control your life. Let's build a plan to get you moving again."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "How can we help you?", rows: 4, required: true }}
|
||||
<ContactSplit
|
||||
tag="Book Now"
|
||||
title="Ready to Start Your Journey?"
|
||||
description="Let's schedule your evaluation and get you back to the life you love."
|
||||
useInvertedBackground={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medical-assistant-helping-patient-with-physiotherapy-exercises_23-2149071447.jpg?_wi=2"
|
||||
buttonText="Book Evaluation"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
<FooterLogoEmphasis
|
||||
logoText="Inspired Brew"
|
||||
copyrightText="© 2026 Inspired Brew — Designed to inspire movement."
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Privacy", href: "#" }] }
|
||||
{ items: [{ label: "Home", href: "#hero" }, { label: "Services", href: "#features" }] },
|
||||
{ items: [{ label: "About", href: "#about" }, { label: "FAQ", href: "#faq" }] },
|
||||
{ items: [{ label: "Contact", href: "#contact" }, { label: "Privacy", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -11,7 +11,7 @@ html {
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-cormorant), sans-serif;
|
||||
font-family: undefined;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overscroll-behavior: none;
|
||||
@@ -24,5 +24,5 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-cormorant), serif;
|
||||
font-family: undefined;
|
||||
}
|
||||
|
||||
@@ -13,11 +13,11 @@
|
||||
--background: #FDFBF7;
|
||||
--card: #F4EDE6;
|
||||
--foreground: #1A2E2C;
|
||||
--primary-cta: #8B6E4E;
|
||||
--primary-cta: #173A35;
|
||||
--primary-cta-text: #F7F4EE;
|
||||
--secondary-cta: #E6DCD1;
|
||||
--secondary-cta-text: #173A35;
|
||||
--accent: #A89A8A;
|
||||
--accent: #C4A67B;
|
||||
--background-accent: #D1C6BB;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
|
||||
Reference in New Issue
Block a user