138 lines
6.4 KiB
TypeScript
138 lines
6.4 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
|
|
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
|
|
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
|
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
|
import FooterCard from "@/components/sections/footer/FooterCard";
|
|
import { Mail, Twitter, Linkedin } from "lucide-react";
|
|
|
|
export default function AboutPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
brandName="Alfabs"
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Projects", id: "/projects" },
|
|
{ name: "Contact", id: "/contact" },
|
|
]}
|
|
bottomLeftText="Aluminum Excellence"
|
|
bottomRightText="hello@alfabs.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
title="About Alfabs"
|
|
description={[
|
|
"With over 15 years of industry experience, Alfabs Aluminum Services has established itself as a leader in premium aluminum fabrication and installation in Karachi. Our commitment to excellence drives every project we undertake, whether it's residential renovation or large-scale commercial development.", "We combine cutting-edge technology with traditional craftsmanship to deliver solutions that exceed expectations. Our team of skilled professionals takes pride in transforming architectural visions into tangible, high-quality results that stand the test of time. We utilize advanced fabrication techniques and quality materials to ensure durability and aesthetic excellence.", "From residential renovations to large-scale commercial installations, we bring expertise, reliability, and innovation to every endeavor. Your project deserves nothing less than Alfabs' dedication to perfection. We've built lasting relationships with architects, contractors, and property developers throughout Karachi by consistently delivering outstanding results and exceptional customer service."
|
|
]}
|
|
buttons={[{ text: "Start Your Project", href: "/contact" }]}
|
|
showBorder={true}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardFourteen
|
|
title="Our Track Record"
|
|
tag="By The Numbers"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "500+", description: "Successful projects completed across residential and commercial sectors in Karachi"
|
|
},
|
|
{
|
|
id: "2", value: "15+", description: "Years of industry expertise and proven track record of excellence"
|
|
},
|
|
{
|
|
id: "3", value: "98%", description: "Client satisfaction rate with on-time delivery and quality assurance"
|
|
},
|
|
{
|
|
id: "4", value: "50+", description: "Team members dedicated to precision craftsmanship and customer service"
|
|
},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
testimonial="Alfabs transformed our vision into reality with exceptional professionalism. Their attention to detail and commitment to quality set them apart. Highly recommended for any aluminum project in Karachi."
|
|
rating={5}
|
|
author="Emily Watson, Design Director"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Emily Watson"
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "James Mitchell"
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Sarah Chen"
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Michael Rodriguez"
|
|
},
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Get In Touch"
|
|
title="Let's Work Together"
|
|
description="Contact our team today to discuss your aluminum fabrication and installation needs. We're here to help bring your vision to life."
|
|
tagIcon={Mail}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="your@email.com"
|
|
buttonText="Send Inquiry"
|
|
termsText="We respect your privacy. Your information will be used only to assist with your project inquiry."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Alfabs"
|
|
copyrightText="© 2025 Alfabs Aluminum Services. All rights reserved."
|
|
socialLinks={[
|
|
{
|
|
icon: Linkedin,
|
|
href: "https://linkedin.com", ariaLabel: "LinkedIn"
|
|
},
|
|
{
|
|
icon: Twitter,
|
|
href: "https://twitter.com", ariaLabel: "Twitter"
|
|
},
|
|
{
|
|
icon: Mail,
|
|
href: "mailto:hello@alfabs.com", ariaLabel: "Email"
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|