bender/d8443d41-e08d-4652-94aa-4161748e50d5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: bender:version_1
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1
..
compare: bender:version_2
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1

5 Commits
version_1 ... version_2

Author SHA1 Message Date
bender
d2cf7de804 Update src/app/page.tsx 2026-03-04 09:43:53 +00:00
bender
079131754a Update src/app/layout.tsx 2026-03-04 09:43:53 +00:00
bender
f431d3ccca Merge version_1 into main 
Merge version_1 into main
 2026-03-03 21:00:26 +00:00
bender
d3146b4dd5 Merge version_1 into main 
Merge version_1 into main
 2026-03-03 20:51:16 +00:00
bender
af82601eb6 Merge version_1 into main 
Merge version_1 into main
 2026-03-03 20:42:15 +00:00
2 changed files with 65 additions and 69 deletions
Expand all files Collapse all files

54
src/app/layout.tsx
View File

@@ -1,57 +1,28 @@
import type { Metadata } from "next";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google";
import { Nunito } from "next/font/google";
import { Geist, Geist_Mono } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const halant = Halant({
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
const geist = Geist({
variable: "--font-geist-sans", subsets: ["latin"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
const nunito = Nunito({
variable: "--font-nunito", subsets: ["latin"],
const geistMono = Geist_Mono({
variable: "--font-geist-mono", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "Alfabs Aluminum Services | Premium Fabrication & Installation", description: "Expert aluminum services for windows, doors, facades, and railings. Quality craftsmanship for residential and commercial projects.", keywords: "aluminum, fabrication, installation, windows, doors, facades, railings, commercial, residential", metadataBase: new URL("https://alfabs.com"),
alternates: {
canonical: "https://alfabs.com"},
openGraph: {
title: "Alfabs Aluminum Services | Premium Fabrication & Installation", description: "Transform your vision with our expert aluminum solutions and professional craftsmanship.", url: "https://alfabs.com", siteName: "Alfabs", type: "website", images: [
{
url: "http://img.b2bpic.net/free-photo/large-steel-factory-warehouse_1127-3265.jpg", alt: "Alfabs Aluminum Services"},
],
},
twitter: {
card: "summary_large_image", title: "Alfabs Aluminum Services", description: "Premium aluminum fabrication and installation for your projects.", images: ["http://img.b2bpic.net/free-photo/large-steel-factory-warehouse_1127-3265.jpg"],
},
robots: {
index: true,
follow: true,
},
};
title: "Create Next App", description: "Generated by create next app"};
export default function RootLayout({
children,
}: Readonly<{
}: {
children: React.ReactNode;
}>) {
}) {
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${halant.variable} ${inter.variable} ${nunito.variable} antialiased`}
>
<Tag />
{children}
<html lang="en">
<body className={`${geist.variable} ${geistMono.variable}`}>
{children}
<script
dangerouslySetInnerHTML={{
__html: `
@@ -1419,7 +1390,6 @@ export default function RootLayout({
}}
/>
</body>
</ServiceWrapper>
</html>
);
}

80
src/app/page.tsx
View File

@@ -53,16 +53,19 @@ export default function LandingPage() {
testimonials={[
{
name: "James Mitchell", handle: "Construction Manager, BuildRight Co.", testimonial: "Alfabs delivered exceptional quality on our commercial project. Professional team, perfect execution.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "James Mitchell"},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "James Mitchell"
},
{
name: "Sarah Chen", handle: "Architect, Design Studios", testimonial: "Outstanding craftsmanship and attention to detail. They exceeded our expectations on every front.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "Sarah Chen"},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "Sarah Chen"
},
{
name: "Michael Rodriguez", handle: "Property Developer", testimonial: "Reliable, punctual, and high-quality work. Alfabs is our trusted partner for all aluminum needs.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3", imageAlt: "Michael Rodriguez"},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3", imageAlt: "Michael Rodriguez"
},
]}
buttons={[
{ text: "Get Started", href: "contact" },
{ text: "Request Quote", href: "contact" },
{ text: "Learn More", href: "services" },
]}
background={{ variant: "plain" }}
@@ -81,36 +84,44 @@ export default function LandingPage() {
title: "Window Systems", description: "Custom aluminum window frames engineered for durability, aesthetics, and thermal performance. Ideal for residential and commercial applications.", 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/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"},
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. Designed for security, style, and ease of operation.", 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/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"},
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. Weather-resistant and architecturally stunning.", 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/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"},
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. Perfect for balconies, terraces, and architectural accents.", 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/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"},
imageSrc: "http://img.b2bpic.net/free-photo/modern-design-stone-building_23-2148252734.jpg?_wi=2", imageAlt: "Railing installation project"
},
],
},
]}
@@ -125,7 +136,8 @@ export default function LandingPage() {
<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. Our commitment to excellence drives every project we undertake.", "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.", "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."]}
"With over 15 years of industry experience, Alfabs Aluminum Services has established itself as a leader in premium aluminum fabrication and installation. Our commitment to excellence drives every project we undertake.", "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.", "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."
]}
buttons={[{ text: "Contact Our Team", href: "contact" }]}
showBorder={true}
useInvertedBackground={false}
@@ -140,11 +152,14 @@ export default function LandingPage() {
tagIcon={Image}
products={[
{
id: "1", name: "Downtown Office Complex", price: "Commercial", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-skyscrapers_1359-44.jpg?_wi=2", imageAlt: "Downtown office building with aluminum facades"},
id: "1", name: "Downtown Office Complex", price: "Commercial", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-skyscrapers_1359-44.jpg?_wi=2", imageAlt: "Downtown office building with aluminum facades"
},
{
id: "2", name: "Luxury Residential Tower", price: "Residential", imageSrc: "http://img.b2bpic.net/free-photo/modern-design-stone-building_23-2148252734.jpg?_wi=3", imageAlt: "Modern residential tower with premium aluminum systems"},
id: "2", name: "Luxury Residential Tower", price: "Residential", imageSrc: "http://img.b2bpic.net/free-photo/modern-design-stone-building_23-2148252734.jpg?_wi=3", imageAlt: "Modern residential tower with premium aluminum systems"
},
{
id: "3", name: "Retail Center Renovation", price: "Commercial", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-skyscrapers_1359-44.jpg?_wi=3", imageAlt: "Retail center with modern aluminum storefronts"},
id: "3", name: "Retail Center Renovation", price: "Commercial", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-skyscrapers_1359-44.jpg?_wi=3", imageAlt: "Retail center with modern aluminum storefronts"
},
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
@@ -159,13 +174,17 @@ export default function LandingPage() {
tag="By The Numbers"
metrics={[
{
id: "1", value: "500+", description: "Successful projects completed across residential and commercial sectors"},
id: "1", value: "500+", description: "Successful projects completed across residential and commercial sectors"
},
{
id: "2", value: "15+", description: "Years of industry expertise and proven track record of excellence"},
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: "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"},
id: "4", value: "50+", description: "Team members dedicated to precision craftsmanship and customer service"
},
]}
metricsAnimation="slide-up"
useInvertedBackground={false}
@@ -179,13 +198,17 @@ export default function LandingPage() {
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: "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: "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: "Sarah Chen"
},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Michael Rodriguez"},
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"
@@ -214,13 +237,16 @@ export default function LandingPage() {
socialLinks={[
{
icon: Linkedin,
href: "https://linkedin.com", ariaLabel: "LinkedIn"},
href: "https://linkedin.com", ariaLabel: "LinkedIn"
},
{
icon: Twitter,
href: "https://twitter.com", ariaLabel: "Twitter"},
href: "https://twitter.com", ariaLabel: "Twitter"
},
{
icon: Mail,
href: "mailto:hello@alfabs.com", ariaLabel: "Email"},
href: "mailto:hello@alfabs.com", ariaLabel: "Email"
},
]}
/>
</div>