Merge version_1 into main #2
@@ -8,7 +8,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import { Award, ShieldCheck } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
@@ -23,119 +23,47 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "/portfolio",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="JE Metal Works"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="JE Metal Works"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Craft"
|
||||
description="Why we are the leaders in metal fabrication."
|
||||
features={[
|
||||
{
|
||||
title: "Expertise",
|
||||
description: "20+ years in the field.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Award,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVME1uxntIXgeb4GoE5qIirTEF/portrait-of-a-commercial-building-owner--1774801234049-5db76eec.png?_wi=2",
|
||||
imageAlt: "Portrait of a commercial building owner inspecting new security gate, professional lighting.",
|
||||
},
|
||||
{
|
||||
title: "Quality",
|
||||
description: "Premium raw materials.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: ShieldCheck,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVME1uxntIXgeb4GoE5qIirTEF/portrait-of-a-homeowner-enjoying-their-n-1774801233407-f3b38d01.png?_wi=2",
|
||||
imageAlt: "Portrait of a homeowner enjoying their new custom railing, smiling.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Craft"
|
||||
description="Why we are the leaders in metal fabrication."
|
||||
features={[
|
||||
{
|
||||
title: "Expertise", description: "20+ years in the field.", bentoComponent: "reveal-icon", icon: Award
|
||||
},
|
||||
{
|
||||
title: "Quality", description: "Premium raw materials.", bentoComponent: "reveal-icon", icon: ShieldCheck
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Accolades"
|
||||
description="Recognized for quality in every weld."
|
||||
names={[
|
||||
"Best Fabricator 2023",
|
||||
"Industrial Gold Standard",
|
||||
"Customer Excellence Award",
|
||||
"Safety Leader",
|
||||
"Top Rated Local Business",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Custom Fencing",
|
||||
href: "/services#fencing",
|
||||
},
|
||||
{
|
||||
label: "Automatic Gates",
|
||||
href: "/services#gates",
|
||||
},
|
||||
{
|
||||
label: "Custom Handrails",
|
||||
href: "/services#handrails",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "/portfolio",
|
||||
},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 JE Metal Works. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Accolades"
|
||||
description="Recognized for quality in every weld."
|
||||
names={[
|
||||
"Best Fabricator 2023", "Industrial Gold Standard", "Customer Excellence Award", "Safety Leader", "Top Rated Local Business"]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -4,11 +4,10 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import { BarChart2, Wrench } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
@@ -23,139 +22,53 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "/portfolio",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="JE Metal Works"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="JE Metal Works"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-section" data-section="contact-section">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Request Your Free Quote"
|
||||
description="Ready to get started on your custom metal project? Tell us about your needs and we'll be in touch."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone Number",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "details",
|
||||
placeholder: "Project details, dimensions, or service type...",
|
||||
rows: 4,
|
||||
}}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVME1uxntIXgeb4GoE5qIirTEF/a-high-quality-professional-photograph-o-1774801232444-bce0d8f0.png?_wi=2"
|
||||
imageAlt="A high-quality, professional photograph of custom steel metal fabrication and welding. Sparks flying"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact-section" data-section="contact-section">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Request Your Free Quote"
|
||||
description="Ready to get started on your custom metal project? Tell us about your needs and we'll be in touch."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Your Phone Number", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
textarea={{ name: "details", placeholder: "Project details, dimensions, or service type...", rows: 4 }}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVME1uxntIXgeb4GoE5qIirTEF/a-high-quality-professional-photograph-o-1774801232444-bce0d8f0.png"
|
||||
imageAlt="A high-quality, professional photograph of custom steel metal fabrication and welding. Sparks flying"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Support Ready"
|
||||
description="How we help you get started."
|
||||
features={[
|
||||
{
|
||||
title: "Initial Quote",
|
||||
description: "Free estimates provided.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: BarChart2,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVME1uxntIXgeb4GoE5qIirTEF/business-owner-standing-in-front-of-ware-1774801232464-ee7c38cd.png?_wi=2",
|
||||
imageAlt: "Business owner standing in front of warehouse security gate, high-quality professional shot.",
|
||||
},
|
||||
{
|
||||
title: "Installation",
|
||||
description: "Professional setup included.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Wrench,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVME1uxntIXgeb4GoE5qIirTEF/a-high-quality-professional-photograph-o-1774801232444-bce0d8f0.png?_wi=3",
|
||||
imageAlt: "A high-quality, professional photograph of custom steel metal fabrication and welding. Sparks flying",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Custom Fencing",
|
||||
href: "/services#fencing",
|
||||
},
|
||||
{
|
||||
label: "Automatic Gates",
|
||||
href: "/services#gates",
|
||||
},
|
||||
{
|
||||
label: "Custom Handrails",
|
||||
href: "/services#handrails",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "/portfolio",
|
||||
},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 JE Metal Works. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Support Ready"
|
||||
description="How we help you get started."
|
||||
features={[
|
||||
{
|
||||
title: "Initial Quote", description: "Free estimates provided.", bentoComponent: "reveal-icon", icon: BarChart2
|
||||
},
|
||||
{
|
||||
title: "Installation", description: "Professional setup included.", bentoComponent: "reveal-icon", icon: Wrench
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -8,7 +8,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import { Building, Home } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function PortfolioPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
@@ -23,119 +23,47 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "/portfolio",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="JE Metal Works"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="JE Metal Works"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Project Gallery"
|
||||
description="View our latest installations."
|
||||
features={[
|
||||
{
|
||||
title: "Residential",
|
||||
description: "Home fence projects.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Home,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVME1uxntIXgeb4GoE5qIirTEF/elegant-custom-steel-exterior-handrail-p-1774801232791-6cdf98a3.png",
|
||||
imageAlt: "Elegant custom steel exterior handrail, precise craftsmanship, industrial modern look, charcoal meta",
|
||||
},
|
||||
{
|
||||
title: "Commercial",
|
||||
description: "Large scale security.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Building,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVME1uxntIXgeb4GoE5qIirTEF/happy-customer-standing-next-to-their-ne-1774801234681-9d6e672c.png?_wi=2",
|
||||
imageAlt: "Happy customer standing next to their new custom steel gate, professional portrait, outdoor setting.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Project Gallery"
|
||||
description="View our latest installations."
|
||||
features={[
|
||||
{
|
||||
title: "Residential", description: "Home fence projects.", bentoComponent: "reveal-icon", icon: Home
|
||||
},
|
||||
{
|
||||
title: "Commercial", description: "Large scale security.", bentoComponent: "reveal-icon", icon: Building
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Portfolio Highlights"
|
||||
description="Proven results for hundreds of clients."
|
||||
names={[
|
||||
"Villa Gate",
|
||||
"Factory Railing",
|
||||
"Park Fence",
|
||||
"Custom Balustrade",
|
||||
"Security Barrier",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Custom Fencing",
|
||||
href: "/services#fencing",
|
||||
},
|
||||
{
|
||||
label: "Automatic Gates",
|
||||
href: "/services#gates",
|
||||
},
|
||||
{
|
||||
label: "Custom Handrails",
|
||||
href: "/services#handrails",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "/portfolio",
|
||||
},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 JE Metal Works. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Portfolio Highlights"
|
||||
description="Proven results for hundreds of clients."
|
||||
names={[
|
||||
"Villa Gate", "Factory Railing", "Park Fence", "Custom Balustrade", "Security Barrier"]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -4,11 +4,10 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
||||
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import { Compass, Flame, Home, Shield, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ServicesPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
@@ -23,129 +22,51 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "/portfolio",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="JE Metal Works"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="JE Metal Works"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services-details" data-section="services-details">
|
||||
<FeatureBorderGlow
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Commercial Security",
|
||||
description: "Heavy-duty solutions for industrial and commercial security needs.",
|
||||
},
|
||||
{
|
||||
icon: Home,
|
||||
title: "Residential Customization",
|
||||
description: "Personalized design services to make your home stand out with unique metal features.",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Advanced Automation",
|
||||
description: "Integration of smart security sensors and remote access systems into all gate installations.",
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Service Offerings"
|
||||
description="Detailed fabrication services tailored to meet specific project requirements."
|
||||
/>
|
||||
</div>
|
||||
<div id="services-details" data-section="services-details">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Shield, title: "Commercial Security", description: "Heavy-duty solutions for industrial and commercial security needs." },
|
||||
{ icon: Home, title: "Residential Customization", description: "Personalized design services to make your home stand out with unique metal features." },
|
||||
{ icon: Zap, title: "Advanced Automation", description: "Integration of smart security sensors and remote access systems into all gate installations." },
|
||||
]}
|
||||
title="Comprehensive Service Offerings"
|
||||
description="Detailed fabrication services tailored to meet specific project requirements."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Advanced Fabrication"
|
||||
description="Cutting-edge technology meets traditional craftsmanship."
|
||||
features={[
|
||||
{
|
||||
title: "Design",
|
||||
description: "Custom CAD designs.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Compass,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVME1uxntIXgeb4GoE5qIirTEF/close-up-detail-of-a-modern-custom-autom-1774801232274-6ac4934e.png?_wi=2",
|
||||
imageAlt: "Close-up detail of a modern custom automatic gate mechanism, sleek steel design, dark industrial bac",
|
||||
},
|
||||
{
|
||||
title: "Welding",
|
||||
description: "High-strength certified welds.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Flame,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVME1uxntIXgeb4GoE5qIirTEF/professional-residential-steel-metal-fen-1774801232388-b52ffe1e.png",
|
||||
imageAlt: "Professional residential steel metal fencing, sleek black powder coated finish, modern architectural",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Custom Fencing",
|
||||
href: "/services#fencing",
|
||||
},
|
||||
{
|
||||
label: "Automatic Gates",
|
||||
href: "/services#gates",
|
||||
},
|
||||
{
|
||||
label: "Custom Handrails",
|
||||
href: "/services#handrails",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "/portfolio",
|
||||
},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 JE Metal Works. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Advanced Fabrication"
|
||||
description="Cutting-edge technology meets traditional craftsmanship."
|
||||
features={[
|
||||
{
|
||||
title: "Design", description: "Custom CAD designs.", bentoComponent: "reveal-icon", icon: Compass
|
||||
},
|
||||
{
|
||||
title: "Welding", description: "High-strength certified welds.", bentoComponent: "reveal-icon", icon: Flame
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user