Files
dc88ec10-41cf-489d-82d5-e97…/src/app/about/page.tsx
2026-03-05 23:03:26 +00:00

141 lines
5.0 KiB
TypeScript

"use client";
import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
import FeatureCardTwelve from "@/components/sections/feature/FeatureCardTwelve";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterCard from "@/components/sections/footer/FooterCard";
import { CheckCircle, Award, Briefcase, Zap, Linkedin, Mail } from "lucide-react";
export default function AboutPage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Contact", id: "/contact" },
{ name: "Privacy Policy", id: "/privacy" },
];
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="mediumSmall"
sizing="mediumLargeSizeMediumTitles"
background="blurBottom"
cardStyle="gradient-mesh"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="layered"
headingFontWeight="medium"
>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={navItems}
button={{ text: "Plan Consultation", href: "/consultation" }}
brandName="FinanceGuide"
/>
</div>
<div id="trust" data-section="trust" className="py-16 md:py-24">
<TestimonialAboutCard
tag="About Our Team"
tagIcon={CheckCircle}
tagAnimation="slide-up"
title="Our Mission: Making Real Estate Financing Transparent and Accessible"
description="Founded by industry veterans"
subdescription="Dedicated to your financial success since 2010"
icon={Award}
imageSrc="http://img.b2bpic.net/free-photo/happy-insurance-agent-talking-with-mature-couple-about-their-retirement-plans-meeting-office_637285-1798.jpg?_wi=2"
imageAlt="FinanceGuide team consultation"
mediaAnimation="blur-reveal"
useInvertedBackground={true}
/>
</div>
<div id="values" data-section="values" className="py-16 md:py-24">
<FeatureCardTwelve
features={[
{
id: "transparency",
label: "Transparency",
title: "Clear Communication at Every Step",
items: [
"Honest market assessments",
"No hidden fees or surprises",
"Detailed option explanations",
"Regular progress updates",
],
},
{
id: "expertise",
label: "Expertise",
title: "Deep Knowledge & Industry Connection",
items: [
"Network with top lenders",
"Market trend analysis",
"Regulatory compliance mastery",
"Strategic negotiation skills",
],
},
{
id: "service",
label: "Service",
title: "Your Success Is Our Priority",
items: [
"24/7 availability for clients",
"Personalized support",
"Long-term relationship focus",
"Post-transaction assistance",
],
},
]}
animationType="opacity"
title="Our Core Values"
description="What drives us in every client interaction and decision"
tag="Values"
tagIcon={Briefcase}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="contact-about" data-section="contact-about" className="py-16 md:py-24">
<ContactCenter
tag="Learn More"
tagIcon={Zap}
tagAnimation="slide-up"
title="Connect With Our Team Today"
description="Have questions about our approach or want to learn more about how we can help your real estate goals? Get in touch and let's discuss your unique needs."
background={{ variant: "rotated-rays-animated-grid" }}
useInvertedBackground={true}
inputPlaceholder="Enter your email address"
buttonText="Get Started"
termsText="By clicking Get Started, you agree to our Terms and Conditions and Privacy Policy."
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="FinanceGuide"
copyrightText="© 2025 FinanceGuide. All rights reserved."
socialLinks={[
{
icon: Linkedin,
href: "https://linkedin.com",
ariaLabel: "LinkedIn",
},
{
icon: Mail,
href: "mailto:info@financeguide.com",
ariaLabel: "Email",
},
]}
/>
</div>
</ThemeProvider>
);
}