Merge version_1 into main #1
320
src/app/page.tsx
320
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap, Shield, CheckCircle, Star, Scissors } from 'lucide-react';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
@@ -30,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Gino & Sons Welding"
|
||||
/>
|
||||
@@ -53,105 +42,38 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Gino & Sons: Expert Welding in Cape Town"
|
||||
description="Professional metal and iron manufacturing services. From custom welding to industrial-grade fabrication, we deliver excellence at 53 7th Ave, Grassy Park."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-shoot-hammer-anvil-dark-smith-workshop_613910-3450.jpg",
|
||||
imageAlt: "Welding project one",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-hallways-background_23-2149745363.jpg",
|
||||
imageAlt: "Welding project two",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpentry-concept_23-2147773361.jpg",
|
||||
imageAlt: "Welding project three",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-black-gloves-polishing-metal-dark-room_651396-2862.jpg",
|
||||
imageAlt: "Welding project four",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silver-aesthetic-wallpaper-with-accessories_23-2149871732.jpg",
|
||||
imageAlt: "Welding project five",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-shoot-hammer-anvil-dark-smith-workshop_613910-3450.jpg", imageAlt: "Welding project one" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/minimalist-hallways-background_23-2149745363.jpg", imageAlt: "Welding project two" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/carpentry-concept_23-2147773361.jpg", imageAlt: "Welding project three" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-man-black-gloves-polishing-metal-dark-room_651396-2862.jpg", imageAlt: "Welding project four" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/silver-aesthetic-wallpaper-with-accessories_23-2149871732.jpg", imageAlt: "Welding project five" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dumbbell_1203-6627.jpg",
|
||||
imageAlt: "Welding project six",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-protective-mask-is-cutting-metal-sparks-are-flying-away_613910-5539.jpg",
|
||||
imageAlt: "Welding project seven",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arc-welding-steel-construction-site_2831-694.jpg",
|
||||
imageAlt: "Welding project eight",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/jewelry-maker-working-alone-atelier_23-2149025956.jpg",
|
||||
imageAlt: "Welding project nine",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-protective-gloves-is-holding-freshly-cut-piece-metal_613910-17178.jpg",
|
||||
imageAlt: "Welding project ten",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dumbbell_1203-6627.jpg", imageAlt: "Welding project six" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-protective-mask-is-cutting-metal-sparks-are-flying-away_613910-5539.jpg", imageAlt: "Welding project seven" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/arc-welding-steel-construction-site_2831-694.jpg", imageAlt: "Welding project eight" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/jewelry-maker-working-alone-atelier_23-2149025956.jpg", imageAlt: "Welding project nine" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/worker-protective-gloves-is-holding-freshly-cut-piece-metal_613910-17178.jpg", imageAlt: "Welding project ten" },
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "#contact" }]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-mechanic-working-his-workshop_23-2148970738.jpg",
|
||||
alt: "Team member 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sparks-coal-barbecue_23-2147643497.jpg",
|
||||
alt: "Team member 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/professional-mature-blacksmith-safety-apron-gloves-beating-molten-metal-with-hammer-shaping-it-handwork-blacksmithing-concept-close-up_7502-9484.jpg",
|
||||
alt: "Team member 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-ferromagnetic-metal-with-blurred-background_23-2148253604.jpg",
|
||||
alt: "Team member 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/worker-doing-gate-by-electric-steel-cutter-machine_7502-9155.jpg",
|
||||
alt: "Team member 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/male-mechanic-working-his-workshop_23-2148970738.jpg", alt: "Team member 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/sparks-coal-barbecue_23-2147643497.jpg", alt: "Team member 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/professional-mature-blacksmith-safety-apron-gloves-beating-molten-metal-with-hammer-shaping-it-handwork-blacksmithing-concept-close-up_7502-9484.jpg", alt: "Team member 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-ferromagnetic-metal-with-blurred-background_23-2148253604.jpg", alt: "Team member 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/worker-doing-gate-by-electric-steel-cutter-machine_7502-9155.jpg", alt: "Team member 5" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ local clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Industrial Strength",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Welding",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Custom Ironwork",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cape Town Based",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Quality",
|
||||
},
|
||||
{ type: "text", text: "Industrial Strength" },
|
||||
{ type: "text", text: "Precision Welding" },
|
||||
{ type: "text", text: "Custom Ironwork" },
|
||||
{ type: "text", text: "Cape Town Based" },
|
||||
{ type: "text", text: "24/7 Quality" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -171,36 +93,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Custom Fabrication",
|
||||
description: "Tailor-made metal solutions for residential and industrial projects.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-is-working-with-giant-drill-busy-metal-factory_613910-17166.jpg",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Metal Repair",
|
||||
description: "Expert repair services for structural and decorative ironwork.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/experienced-worker-is-repairing-metal-parts-machine-tool-busy-factory_613910-5507.jpg",
|
||||
buttonIcon: "Shield",
|
||||
},
|
||||
{
|
||||
title: "Industrial Welding",
|
||||
description: "Heavy-duty welding services for basic iron and steel components.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/variety-people-multitasking-3d-cartoon-scene_23-2151294476.jpg",
|
||||
buttonIcon: "CheckCircle",
|
||||
},
|
||||
{
|
||||
title: "On-Site Maintenance",
|
||||
description: "We provide mobile welding services for urgent repairs in Cape Town.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arc-welding-steel-construction-site_2831-693.jpg",
|
||||
buttonIcon: "Star",
|
||||
},
|
||||
{
|
||||
title: "Precision Cutting",
|
||||
description: "High-accuracy metal cutting using professional machinery.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cutting-metal-with-plasma-equipment_176420-4788.jpg",
|
||||
buttonIcon: "Scissors",
|
||||
},
|
||||
{ title: "Custom Fabrication", description: "Tailor-made metal solutions for residential and industrial projects.", imageSrc: "http://img.b2bpic.net/free-photo/man-is-working-with-giant-drill-busy-metal-factory_613910-17166.jpg", buttonIcon: Zap },
|
||||
{ title: "Metal Repair", description: "Expert repair services for structural and decorative ironwork.", imageSrc: "http://img.b2bpic.net/free-photo/experienced-worker-is-repairing-metal-parts-machine-tool-busy-factory_613910-5507.jpg", buttonIcon: Shield },
|
||||
{ title: "Industrial Welding", description: "Heavy-duty welding services for basic iron and steel components.", imageSrc: "http://img.b2bpic.net/free-photo/variety-people-multitasking-3d-cartoon-scene_23-2151294476.jpg", buttonIcon: CheckCircle },
|
||||
{ title: "On-Site Maintenance", description: "We provide mobile welding services for urgent repairs in Cape Town.", imageSrc: "http://img.b2bpic.net/free-photo/arc-welding-steel-construction-site_2831-693.jpg", buttonIcon: Star },
|
||||
{ title: "Precision Cutting", description: "High-accuracy metal cutting using professional machinery.", imageSrc: "http://img.b2bpic.net/free-photo/cutting-metal-with-plasma-equipment_176420-4788.jpg", buttonIcon: Scissors },
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="We offer a wide range of industrial metal services designed to meet your specific needs with precision and durability."
|
||||
@@ -214,42 +111,12 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Steel Structural Beams",
|
||||
price: "Custom Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/large-steel-factory-warehouse_1127-3265.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ornamental Gates",
|
||||
price: "Custom Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-metallic-wallpaper-close-up_23-2148859931.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Industrial Components",
|
||||
price: "Custom Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abandoned-staircase-former-hotel-bar-taiwan_181624-44038.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Reinforced Fencing",
|
||||
price: "Custom Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/burning-coal_23-2147643498.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Welded Iron Frames",
|
||||
price: "Custom Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grunge-old-vintage-clock_1232-1721.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Custom Steel Brackets",
|
||||
price: "Custom Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-female-welder-work_23-2148813359.jpg",
|
||||
},
|
||||
{ id: "1", name: "Steel Structural Beams", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/large-steel-factory-warehouse_1127-3265.jpg" },
|
||||
{ id: "2", name: "Ornamental Gates", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/abstract-metallic-wallpaper-close-up_23-2148859931.jpg" },
|
||||
{ id: "3", name: "Industrial Components", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/abandoned-staircase-former-hotel-bar-taiwan_181624-44038.jpg" },
|
||||
{ id: "4", name: "Reinforced Fencing", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/burning-coal_23-2147643498.jpg" },
|
||||
{ id: "5", name: "Welded Iron Frames", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/grunge-old-vintage-clock_1232-1721.jpg" },
|
||||
{ id: "6", name: "Custom Steel Brackets", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/side-view-female-welder-work_23-2148813359.jpg" },
|
||||
]}
|
||||
title="Fabrication Portfolio"
|
||||
description="Showcasing our precision work in basic iron and steel manufacture."
|
||||
@@ -262,21 +129,9 @@ export default function LandingPage() {
|
||||
title="Our Impact in Numbers"
|
||||
tag="Expertise"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "20+",
|
||||
description: "Years of Experience",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "1000+",
|
||||
description: "Projects Completed",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "100%",
|
||||
description: "Quality Commitment",
|
||||
},
|
||||
{ id: "1", value: "20+", description: "Years of Experience" },
|
||||
{ id: "2", value: "1000+", description: "Projects Completed" },
|
||||
{ id: "3", value: "100%", description: "Quality Commitment" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -286,31 +141,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/men-working-cutting-mdf-board_23-2149384801.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-store-employee-assisting-male-client-with-style-choices_482257-118502.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mike B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-construction_23-2150772851.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elaine K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-factory-worker-with-arms-crossed-standing-industrial-production-hall_342744-246.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Peter R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-sitting-with-arms-crossed_23-2148923128.jpg",
|
||||
},
|
||||
{ id: "1", name: "John D.", imageSrc: "http://img.b2bpic.net/free-photo/men-working-cutting-mdf-board_23-2149384801.jpg" },
|
||||
{ id: "2", name: "Sarah L.", imageSrc: "http://img.b2bpic.net/free-photo/fashion-store-employee-assisting-male-client-with-style-choices_482257-118502.jpg" },
|
||||
{ id: "3", name: "Mike B.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-construction_23-2150772851.jpg" },
|
||||
{ id: "4", name: "Elaine K.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-factory-worker-with-arms-crossed-standing-industrial-production-hall_342744-246.jpg" },
|
||||
{ id: "5", name: "Peter R.", imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-sitting-with-arms-crossed_23-2148923128.jpg" },
|
||||
]}
|
||||
cardTitle="Client Feedback"
|
||||
cardTag="Trust"
|
||||
@@ -321,21 +156,13 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get In Touch"
|
||||
title="Need a Reliable Welder?"
|
||||
description="Whether you have an industrial project or a custom fabrication request, we are ready to assist. Call us at 082 960 0019 or visit our workshop in Grassy Park."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:0829600019",
|
||||
},
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "https://maps.google.com/?q=53+7th+Ave,+Grassy+Park,+Cape+Town,+7945",
|
||||
},
|
||||
{ text: "Call Now", href: "tel:0829600019" },
|
||||
{ text: "Visit Us", href: "https://maps.google.com/?q=53+7th+Ave,+Grassy+Park,+Cape+Town,+7945" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -346,50 +173,23 @@ export default function LandingPage() {
|
||||
logoText="Gino & Sons"
|
||||
columns={[
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
{
|
||||
label: "53 7th Ave",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Grassy Park, Cape Town",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "7945, South Africa",
|
||||
href: "#",
|
||||
},
|
||||
title: "Location", items: [
|
||||
{ label: "53 7th Ave", href: "#" },
|
||||
{ label: "Grassy Park, Cape Town", href: "#" },
|
||||
{ label: "7945, South Africa", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Industrial Welding",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Custom Fabrication",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Metal Repair",
|
||||
href: "#features",
|
||||
},
|
||||
title: "Services", items: [
|
||||
{ label: "Industrial Welding", href: "#features" },
|
||||
{ label: "Custom Fabrication", href: "#features" },
|
||||
{ label: "Metal Repair", href: "#features" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Call Us: 082 960 0019",
|
||||
href: "tel:0829600019",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "Call Us: 082 960 0019", href: "tel:0829600019" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user