diff --git a/client/app/(landing-pages)/about/page.tsx b/client/app/(landing-pages)/about/page.tsx index 12be1c60..3831214e 100644 --- a/client/app/(landing-pages)/about/page.tsx +++ b/client/app/(landing-pages)/about/page.tsx @@ -1,11 +1,31 @@ import { Metadata } from "next"; +import BookingSection from "@/components/page-components/landing/about/BookingSection"; +import HeroSection from "@/components/page-components/landing/about/HeroSection"; +import LocationMap from "@/components/page-components/landing/about/LocationMap"; +import MissionAndValues from "@/components/page-components/landing/about/MissionAndValues"; +import OurStory from "@/components/page-components/landing/about/OurStory"; +import WhyChooseUs from "@/components/page-components/landing/about/WhyChooseUs"; export const metadata: Metadata = { - title: "About Us", + title: "About Us", + description: + "Learn about our commitment to holistic health through Ayurveda. Discover our story, meet our team, and understand our mission to enhance your well-being through ancient healing practices.", + keywords: ["Ayurveda", "Holistic Health", "About Us", "Our Team", "Our Mission", "Ayurvedic Center"], }; -const AboutPage = () => { - return
AboutPage
; -}; - -export default AboutPage; +export default function AboutPage() { + return ( +
+
+

About AVM Ayurveda

+ + + + + + + +
+
+ ); +} diff --git a/client/components/page-components/landing/about/BookingSection.tsx b/client/components/page-components/landing/about/BookingSection.tsx new file mode 100644 index 00000000..c2c34238 --- /dev/null +++ b/client/components/page-components/landing/about/BookingSection.tsx @@ -0,0 +1,21 @@ +'use client' +import { Card, CardContent } from "@/components/ui/card"; +import { ButtonV2 } from "@/components/button/ButtonV2"; +import { useRouter } from "next/navigation"; + +const BookingSection = () => { + const router = useRouter(); + return ( + + +

Ready to Start Your Wellness Journey?

+

Book a consultation with our Ayurvedic experts and take the first step towards holistic health.

+ router.push("/new-appointment")} variant={"shine"} size="lg"> + Book an Appointment + + + + ); +}; + +export default BookingSection; diff --git a/client/components/page-components/landing/about/HeroSection.tsx b/client/components/page-components/landing/about/HeroSection.tsx new file mode 100644 index 00000000..bc39e4c1 --- /dev/null +++ b/client/components/page-components/landing/about/HeroSection.tsx @@ -0,0 +1,31 @@ +import Image from "next/image"; +import { Card, CardContent } from "@/components/ui/card"; +import { SliderImages } from "@/constants"; + +const HeroSection = () => { + return ( + + +
+ AVM Ayurveda +
+
+

Embracing Holistic Wellness

+

+ At AVM Ayurveda, we're dedicated to reviving the ancient wisdom of Ayurveda + and integrating it with modern healthcare practices. Our goal is to guide you on a + journey of holistic healing and self-discovery. +

+
+ + + ); +}; + +export default HeroSection; diff --git a/client/components/page-components/landing/about/LocationMap.tsx b/client/components/page-components/landing/about/LocationMap.tsx new file mode 100644 index 00000000..ed613c99 --- /dev/null +++ b/client/components/page-components/landing/about/LocationMap.tsx @@ -0,0 +1,30 @@ +import { Card, CardHeader, CardTitle, CardContent } from "@/components/ui/card"; + +const LocationMap = () => { + return ( + + + Our Location + + +
+ +
+

+ Visit us at: Chelannur, Kozhikode, Kerala 673616
+ Phone: 04952262655
+ Email: avmayrveda@gmail.com +

+ + + ); +}; + +export default LocationMap; diff --git a/client/components/page-components/landing/about/MissionAndValues.tsx b/client/components/page-components/landing/about/MissionAndValues.tsx new file mode 100644 index 00000000..f1498d26 --- /dev/null +++ b/client/components/page-components/landing/about/MissionAndValues.tsx @@ -0,0 +1,38 @@ +import { Card, CardHeader, CardTitle, CardContent } from "@/components/ui/card"; +import Image from "next/image"; + +const values = [ + { title: "Holistic Approach", description: "We treat the whole person, not just symptoms." }, + { title: "Personalized Care", description: "Every treatment plan is tailored to the individual." }, + { title: "Ancient Wisdom, Modern Science", description: "We combine traditional Ayurveda with contemporary research." }, + { title: "Continuous Learning", description: "Our team stays updated with the latest in Ayurvedic medicine." }, +]; + +const MissionAndValues = () => { + return ( + + + Our Mission and Values + + +

+ Our mission is to empower individuals to achieve optimal health and harmony through + the timeless wisdom of Ayurveda, delivered with compassion and expertise. +

+
+ {values.map((value, index) => ( +
+ Check +
+

{value.title}

+

{value.description}

+
+
+ ))} +
+ + + ); +}; + +export default MissionAndValues; diff --git a/client/components/page-components/landing/about/OurStory.tsx b/client/components/page-components/landing/about/OurStory.tsx new file mode 100644 index 00000000..60666524 --- /dev/null +++ b/client/components/page-components/landing/about/OurStory.tsx @@ -0,0 +1,24 @@ +import { Card, CardHeader, CardTitle, CardContent } from "@/components/ui/card"; + +const OurStory = () => { + return ( + + + Our Story + + +

+ Founded in 2000 by Moyudu Gurikkal, Ayurveda Health Center began with a vision to spread the good power of nature and Ayurveda. Over the years, we have evolved into a comprehensive wellness center, dedicated to transforming lives through holistic health practices. +

+

+ Ayurveda, the timeless science of life, offers a comprehensive and natural approach to health and well-being. Grounded in nature, it harmonizes the body, mind, and soul through customized therapies, herbal remedies, and mindful practices. We prioritize natural healing, avoiding allopathic medicines with potential side effects. +

+

+ With over a century of rich heritage and expertise, we provide exceptional service rooted in tradition and excellence. Our facility also offers Kalari classes, preserving this ancient martial art as part of a holistic lifestyle. Embrace Ayurveda and Kalari with us for a balanced, vibrant life free from the drawbacks of modern medicine. +

+ + + ); +}; + +export default OurStory; diff --git a/client/components/page-components/landing/about/WhyChooseUs.tsx b/client/components/page-components/landing/about/WhyChooseUs.tsx new file mode 100644 index 00000000..b055aef8 --- /dev/null +++ b/client/components/page-components/landing/about/WhyChooseUs.tsx @@ -0,0 +1,34 @@ +import Image from "next/image"; +import { Card, CardHeader, CardTitle, CardContent } from "@/components/ui/card"; + +const WhyChooseUs = () => { + return ( + + + + Stethoscope + Why Choose Ayurveda Health Center? + + + + + + + ); +}; + +export default WhyChooseUs;