diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index ea4cf30..c4287fd 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -1,13 +1,14 @@ "use client"; -import Link from "next/link"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline"; import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery"; import AboutMetric from "@/components/sections/about/AboutMetric"; import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern"; +import ContactCenter from "@/components/sections/contact/ContactCenter"; import FooterBaseCard from "@/components/sections/footer/FooterBaseCard"; -import { Heart, Star, Users, Award, Shield, Lightbulb, Handshake, Eye } from "lucide-react"; +import Link from "next/link"; +import { Heart, Phone, Star, Users, Award, Shield } from "lucide-react"; export default function AboutPage() { return ( @@ -17,7 +18,7 @@ export default function AboutPage() { borderRadius="pill" contentWidth="compact" sizing="medium" - background="aurora" + background="circleGradient" cardStyle="gradient-radial" primaryButtonStyle="double-inset" secondaryButtonStyle="radial-glow" @@ -33,119 +34,76 @@ export default function AboutPage() { { name: "Services", id: "/services" }, { name: "Contact", id: "/contact" }, ]} - button={{ - text: "Book Appointment", - href: "/contact", - }} + button={{ text: "Book Appointment", href: "/contact" }} animateOnLoad={true} /> - {/* About Hero Section */} -
+ {/* Hero Section */} +
- {/* Our Mission & Values */} -
+ {/* About Metrics Section */} +
- {/* Why We're Different */} -
+ {/* Our Team Section */} +
+ {/* Our Values Section */} +
+ +
+ + {/* CTA Section */} +
+ +
+ {/* Footer */}