Update src/app/about/page.tsx
This commit is contained in:
@@ -1,61 +1,17 @@
|
||||
"use client";
|
||||
|
||||
import Link from "next/link";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
|
||||
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
|
||||
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
|
||||
import TextAbout from "@/components/sections/about/TextAbout";
|
||||
import TeamCardTen from "@/components/sections/team/TeamCardTen";
|
||||
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
|
||||
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
import { Award, Users, Trophy, Star, CheckCircle, Zap } from "lucide-react";
|
||||
|
||||
export default function AboutPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Services", href: "/services" },
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{ label: "AC Installation", href: "/services" },
|
||||
{ label: "AC Repair", href: "/services" },
|
||||
{ label: "Maintenance", href: "/services" },
|
||||
{ label: "Heating Solutions", href: "/services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{ label: "Phone: 02 943 1134", href: "tel:+359294431134" },
|
||||
{
|
||||
label: "g.k. Suhata Reka, bul. Vladimir Vazov 52, 1517 Sofia",
|
||||
href: "https://maps.google.com/?q=ClimaCom+Sofia",
|
||||
},
|
||||
{ label: "Mon-Fri: 8:30 AM - 5:30 PM", href: "#" },
|
||||
{ label: "Sat: 9:00 AM - 4:00 PM", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
@@ -69,85 +25,208 @@ export default function AboutPage() {
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
{/* Navbar */}
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={navItems}
|
||||
brandName="ClimaCom"
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Call Now: 02 943 1134",
|
||||
href: "tel:+359294431134",
|
||||
}}
|
||||
animateOnLoad={true}
|
||||
text: "Call Now: 02 943 1134", href: "tel:+359294431134"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-choose" data-section="why-choose">
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Why Choose ClimaCom?",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/collection-new-year-badges-2018_23-2147701497.jpg",
|
||||
alt: "4.3 star rating badge professional quality",
|
||||
},
|
||||
]}
|
||||
{/* Hero Section */}
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="About ClimaCom"
|
||||
description="Leading HVAC service provider in Sofia with a commitment to professional excellence, customer satisfaction, and reliable climate control solutions since our founding."
|
||||
tag="About Us"
|
||||
tagIcon={Award}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+359294431134",
|
||||
},
|
||||
text: "Learn More", href: "#story"},
|
||||
{
|
||||
text: "Get Free Quote",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-team-engineers-with-tools_1134-36.jpg"
|
||||
imageAlt="ClimaCom professional team"
|
||||
showDimOverlay={true}
|
||||
showBlur={true}
|
||||
ariaLabel="About us hero section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Company Story Section */}
|
||||
<div id="story" data-section="story">
|
||||
<TextAbout
|
||||
tag="Our Story"
|
||||
tagIcon={Award}
|
||||
title="Delivering Excellence in HVAC Services to Sofia Since Our Launch. We focus on building long-term relationships with clients through reliable, professional, and high-quality climate control solutions."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Quote", href: "#contact"},
|
||||
{
|
||||
text: "Call: 02 943 1134", href: "tel:+359294431134"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
ariaLabel="Company story section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
title="Trusted by Sofia"
|
||||
description="ClimaCom's track record of excellence in professional HVAC services"
|
||||
{/* Team Section */}
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTen
|
||||
title="Meet Our Expert Team"
|
||||
tag="Certified Professionals"
|
||||
tagAnimation="slide-up"
|
||||
membersAnimation="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "1", name: "Georgi Dimitrov", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-businessman-with-his-arms-crossed_23-2148176206.jpg", imageAlt: "Georgi Dimitrov - Senior HVAC Technician"},
|
||||
{
|
||||
id: "2", name: "Maria Nikolova", imageSrc: "http://img.b2bpic.net/free-photo/shot-beautiful-young-businesswoman-wearing-blue-chiffon-shirt-while-standing-with-folded-arms-gray-marble-wall_158595-6771.jpg", imageAlt: "Maria Nikolova - Service Coordinator"},
|
||||
{
|
||||
id: "3", name: "Ivan Aleksandrov", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man_1187-1055.jpg", imageAlt: "Ivan Aleksandrov - Installation Specialist"},
|
||||
{
|
||||
id: "4", name: "Svetla Georgieva", imageSrc: "http://img.b2bpic.net/free-photo/young-female-showing-thumb-up-grey-t-shirt-looking-happy-front-view_176474-15608.jpg", imageAlt: "Svetla Georgieva - Emergency Response Technician"},
|
||||
]}
|
||||
memberVariant="card"
|
||||
useInvertedBackground={false}
|
||||
ariaLabel="Team section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Core Values Section */}
|
||||
<div id="values" data-section="values">
|
||||
<MetricCardThree
|
||||
title="Our Core Values"
|
||||
description="These principles guide every interaction and service we provide"
|
||||
metrics={[
|
||||
{
|
||||
id: "reviews",
|
||||
value: "80+",
|
||||
title: "Customer Reviews",
|
||||
description: "Real testimonials from satisfied clients across Sofia",
|
||||
},
|
||||
id: "professionalism", icon: Trophy,
|
||||
title: "Professionalism", value: "Excellence"},
|
||||
{
|
||||
id: "rating",
|
||||
value: "4.3★",
|
||||
title: "Average Rating",
|
||||
description: "Consistently high customer satisfaction scores",
|
||||
},
|
||||
id: "integrity", icon: CheckCircle,
|
||||
title: "Integrity", value: "Honest"},
|
||||
{
|
||||
id: "response",
|
||||
value: "Same Day",
|
||||
title: "Service Response",
|
||||
description: "Fast emergency and routine service availability",
|
||||
},
|
||||
id: "reliability", icon: Zap,
|
||||
title: "Reliability", value: "Dependable"},
|
||||
{
|
||||
id: "experience",
|
||||
value: "Licensed",
|
||||
title: "Professional",
|
||||
description: "Certified HVAC contractors serving Sofia professionally",
|
||||
},
|
||||
id: "expertise", icon: Users,
|
||||
title: "Expertise", value: "Expert"},
|
||||
]}
|
||||
animationType="entrance-slide"
|
||||
animationType="opacity"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Trust & Credentials Section */}
|
||||
<div id="credentials" data-section="credentials">
|
||||
<SocialProofOne
|
||||
title="Industry Recognition & Certifications"
|
||||
description="We maintain the highest standards of professionalism and expertise"
|
||||
names={[
|
||||
"Licensed HVAC Contractor", "Manufacturer Certified", "EPA Certified", "Insurance Protected", "4.3★ Customer Rated", "80+ Reviews"]}
|
||||
tag="Trust Builders"
|
||||
tagIcon={Award}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
showCard={true}
|
||||
speed={35}
|
||||
ariaLabel="Credentials and certifications section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Achievements Section */}
|
||||
<div id="achievements" data-section="achievements">
|
||||
<MetricCardThree
|
||||
title="Our Achievements"
|
||||
description="Measured success through customer satisfaction and professional excellence"
|
||||
metrics={[
|
||||
{
|
||||
id: "customers", icon: Users,
|
||||
title: "Satisfied Customers", value: "500+"},
|
||||
{
|
||||
id: "projects", icon: CheckCircle,
|
||||
title: "Projects Completed", value: "1000+"},
|
||||
{
|
||||
id: "rating", icon: Star,
|
||||
title: "Customer Rating", value: "4.3★"},
|
||||
{
|
||||
id: "experience", icon: Trophy,
|
||||
title: "Years Experience", value: "10+"},
|
||||
]}
|
||||
animationType="opacity"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Call to Action */}
|
||||
<div id="cta" data-section="cta">
|
||||
<ContactCTA
|
||||
tag="Get to Know Us Better"
|
||||
tagIcon={Zap}
|
||||
title="Experience Professional HVAC Service"
|
||||
description="Let ClimaCom bring professional excellence and reliability to your air conditioning and heating needs. Contact our team today for a consultation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Consultation", href: "#contact"},
|
||||
{
|
||||
text: "Call: 02 943 1134", href: "tel:+359294431134"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
ariaLabel="About page CTA section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Footer */}
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={footerColumns}
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Services", href: "/services" },
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "AC Installation", href: "/services#installation" },
|
||||
{ label: "AC Repair", href: "/services#repair" },
|
||||
{ label: "Maintenance", href: "/services#maintenance" },
|
||||
{ label: "Heating Solutions", href: "/services#heating" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{ label: "Phone: 02 943 1134", href: "tel:+359294431134" },
|
||||
{
|
||||
label: "g.k. Suhata Reka, Sofia", href: "https://maps.google.com/?q=ClimaCom+Sofia"},
|
||||
{ label: "Mon-Fri: 8:30 AM - 5:30 PM", href: "#" },
|
||||
{ label: "Sat: 9:00 AM - 4:00 PM", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 ClimaCom Ltd. All rights reserved."
|
||||
bottomRightText="Professional HVAC Services • Sofia, Bulgaria"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user