Add src/app/services/page.tsx
This commit is contained in:
133
src/app/services/page.tsx
Normal file
133
src/app/services/page.tsx
Normal file
@@ -0,0 +1,133 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||||
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
|
||||
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
||||
import FooterCard from "@/components/sections/footer/FooterCard";
|
||||
import { Briefcase, DoorOpen, Building, Shield, Wind, Mail, Twitter, Linkedin } from "lucide-react";
|
||||
|
||||
export default function ServicesPage() {
|
||||
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="services" data-section="services">
|
||||
<FeatureCardTwentyFive
|
||||
title="Our Comprehensive Services"
|
||||
description="Alfabs offers a complete range of aluminum fabrication and installation services designed to meet the diverse needs of residential and commercial projects across Karachi. Each service is delivered with precision, quality, and professionalism."
|
||||
tag="What We Offer"
|
||||
tagIcon={Briefcase}
|
||||
features={[
|
||||
{
|
||||
title: "Window Systems", description: "Custom aluminum window frames engineered for durability, aesthetics, and thermal performance. Our windows combine modern design with weather resistance, ideal for both residential and commercial applications. We offer various styles including sliding, casement, and fixed windows.", icon: Wind,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-servant-washing-windows_23-2149530810.jpg", imageAlt: "Modern aluminum window installation"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-design-stone-building_23-2148252734.jpg?_wi=1", imageAlt: "Residential window project showcase"
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Door Solutions", description: "Premium aluminum doors including sliding, pivot, and entrance systems. Our doors are designed for security, style, and ease of operation. From contemporary slide doors to elegant pivot entrances, we have solutions for every architectural requirement.", icon: DoorOpen,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portraif-caucasian-woman-romantic-elegant-pink-long-dress-vacation-luxury-rich-villa-hotel-with-amazing-tropical-palm-trees-view-female-classic-white-hat_343596-2056.jpg", imageAlt: "Aluminum door installation"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-skyscrapers_1359-44.jpg?_wi=1", imageAlt: "Commercial entrance project"
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Building Facades", description: "Modern facade systems that enhance your building's appearance and performance. Our aluminum facades are weather-resistant, architecturally stunning, and engineered for longevity. Perfect for commercial buildings, shopping centers, and residential complexes.", icon: Building,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/background-white-note-song-entertainment_1127-2772.jpg", imageAlt: "Modern aluminum facade design"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/circular-saw-miter-saw-photographed-workshop-atmosphere_169016-12976.jpg", imageAlt: "Facade fabrication workshop"
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Safety Railings", description: "Durable aluminum railings that combine safety with elegant design. Our railings are perfect for balconies, terraces, staircases, and architectural accents. Built to international safety standards while maintaining aesthetic appeal.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-by-shopping-center_1303-16433.jpg", imageAlt: "Premium aluminum railings"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-design-stone-building_23-2148252734.jpg?_wi=2", imageAlt: "Railing installation project"
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Get In Touch"
|
||||
title="Ready to Discuss Your Project?"
|
||||
description="Contact our team today to learn more about our services and how we can 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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user