130 lines
4.6 KiB
TypeScript
130 lines
4.6 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
|
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
|
|
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
|
import { Heart, Shield, MapPin, CheckCircle } from "lucide-react";
|
|
|
|
export default function AboutPage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Treatments", id: "/treatments" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Reviews", id: "/reviews" },
|
|
{ name: "Contact", id: "/contact" },
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="blurBottom"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Bloom Clinic"
|
|
navItems={navItems}
|
|
button={{
|
|
text: "Book Consultation",
|
|
href: "/contact",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-choose" data-section="why-choose">
|
|
<TestimonialAboutCard
|
|
tag="Why Choose Bloom"
|
|
tagIcon={Heart}
|
|
title="Medical Expertise Meets Patient Care"
|
|
description="Experienced Aesthetic Doctors"
|
|
subdescription="Personalized consultation • Medical-grade technology • Honest treatment recommendations • Comfortable clinic environment"
|
|
icon={Shield}
|
|
imageSrc="http://img.b2bpic.net/free-photo/experienced-female-medic-practitioner-consulting-patient-health-insurance_482257-126948.jpg?_wi=2"
|
|
imageAlt="female aesthetic doctor consulting patient professional"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="location" data-section="location">
|
|
<MetricCardEleven
|
|
title="Visit Us Today"
|
|
description="Located in the heart of Damansara Utama, Petaling Jaya"
|
|
tag="Clinic Location"
|
|
tagIcon={MapPin}
|
|
metrics={[
|
|
{
|
|
id: "1",
|
|
value: "📍",
|
|
title: "Bloom Clinic",
|
|
description: "1, Jalan SS 21/37, Damansara Utama, 47400 Petaling Jaya",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-lady-with-map-platform_23-2147953080.jpg?_wi=2",
|
|
imageAlt: "google map location pin clinic direction",
|
|
},
|
|
{
|
|
id: "2",
|
|
value: "📞",
|
|
title: "Call Now",
|
|
description: "011-6958 7687 | Mon-Fri: 10am-7pm | Sat-Sun: 10am-5pm",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/stethoscope-patient-information_1232-4436.jpg?_wi=2",
|
|
imageAlt: "business hours clinic schedule opening times",
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{
|
|
text: "Get Directions",
|
|
href: "https://maps.google.com/?q=Bloom+Clinic+Petaling+Jaya",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="Bloom Clinic"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{ label: "Home", href: "/" },
|
|
{ label: "Treatments", href: "/treatments" },
|
|
{ label: "About", href: "/about" },
|
|
{ label: "Reviews", href: "/reviews" },
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Contact", href: "/contact" },
|
|
{ label: "Book Consultation", href: "#consultation" },
|
|
{ label: "Call: 011-6958 7687", href: "tel:011-69587687" },
|
|
{
|
|
label: "WhatsApp",
|
|
href: "https://wa.me/60169587687",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Disclaimer", href: "#" },
|
|
{ label: "© 2025 Bloom Clinic", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |