Files
dfe73632-423e-4c0e-a985-d92…/src/app/page.tsx
2026-04-09 01:11:44 +00:00

324 lines
10 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="mediumLargeSizeMediumTitles"
background="aurora"
cardStyle="solid"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="solid"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "#hero",
},
{
name: "About",
id: "#about",
},
{
name: "Products",
id: "#products",
},
{
name: "Contact",
id: "#contact",
},
]}
brandName="Solis Iron Works"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "plain",
}}
title="Forging Elegance with Precision."
description="At Solis Iron Works, we blend industrial strength with artistic refinement, delivering custom-crafted iron solutions that stand the test of time."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13487.jpg?_wi=1",
imageAlt: "Forging iron glow",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/side-view-building-with-many-windows_23-2148252789.jpg?_wi=1",
imageAlt: "Iron railing detail",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-stairs_1162-144.jpg?_wi=1",
imageAlt: "Iron gate joinery",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13487.jpg?_wi=2",
imageAlt: "Molten metal",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/side-view-building-with-many-windows_23-2148252789.jpg?_wi=2",
imageAlt: "Railing design",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-stairs_1162-144.jpg?_wi=2",
imageAlt: "Artisan craft",
},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-stairs_1162-144.jpg?_wi=3",
imageAlt: "Joinery detail",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13487.jpg?_wi=3",
imageAlt: "Forging process",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/side-view-building-with-many-windows_23-2148252789.jpg?_wi=3",
imageAlt: "Iron sculpture",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-stairs_1162-144.jpg?_wi=4",
imageAlt: "Gate craftsmanship",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13487.jpg?_wi=4",
imageAlt: "Industrial forging",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/side-view-building-with-many-windows_23-2148252789.jpg?_wi=4",
imageAlt: "Finished railing",
},
]}
buttons={[
{
text: "View Our Projects",
href: "#products",
},
]}
avatars={[
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vkpgzv",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-vector/business-card-template-design_742173-17948.jpg",
alt: "Client 2",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0wp6mh",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-vector/detailed-welder-logo-template_23-2149013277.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-vector/shield-silhouette-logo_361591-2282.jpg",
alt: "Client 5",
},
]}
avatarText="Trusted by 500+ satisfied clients"
marqueeItems={[
{
type: "image",
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vkpgzv",
alt: "Partner 1",
},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/business-card-template-design_742173-17948.jpg",
alt: "Partner 2",
},
{
type: "image",
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0wp6mh",
alt: "Partner 3",
},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/detailed-welder-logo-template_23-2149013277.jpg",
alt: "Partner 4",
},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/shield-silhouette-logo_361591-2282.jpg",
alt: "Partner 5",
},
]}
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={true}
title="Decades of Artisan Craftsmanship"
description="Solis Iron Works started in a small local forge, and today we continue to uphold that same commitment to quality, integrity, and custom design in every piece we create."
bulletPoints={[
{
title: "Artistic Precision",
description: "Custom designs tailored specifically to your architectural vision.",
},
{
title: "Industrial Durability",
description: "Materials chosen for longevity and strength in all conditions.",
},
{
title: "Dedicated Consultation",
description: "Full collaboration from initial design concept to final installation.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/male-jeweler-working-shop_23-2150914240.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="two-columns-alternating-heights"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Contemporary Iron Staircase",
price: "Custom Pricing",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-boxes-climbing-long-modern-stairs-urban-loft_169016-69550.jpg",
imageAlt: "Iron staircase",
},
{
id: "p2",
name: "Modern Entrance Way",
price: "Custom Pricing",
imageSrc: "http://img.b2bpic.net/free-photo/house-entrance-japan-building_23-2149301076.jpg",
imageAlt: "Entrance doorway",
},
{
id: "p3",
name: "Geometric Wall Art",
price: "Custom Pricing",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-letticework-ceiling-forming-interesting-pattern_181624-2126.jpg",
imageAlt: "Iron wall art",
},
{
id: "p4",
name: "Industrial Metal Table",
price: "Custom Pricing",
imageSrc: "http://img.b2bpic.net/free-photo/industrial-workspace-with-perforated-metal-surface_23-2151998905.jpg",
imageAlt: "Metal furniture",
},
{
id: "p5",
name: "Security Garden Gate",
price: "Custom Pricing",
imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-textures_23-2149702245.jpg",
imageAlt: "Garden gate",
},
{
id: "p6",
name: "Urban Balcony Railing",
price: "Custom Pricing",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-stylish-young-businesswoman-standing-balcony_23-2147941540.jpg",
imageAlt: "Balcony railing",
},
]}
title="Curated Collections"
description="From modern interior staircases to heavy-duty security gates, explore our range of custom iron products."
/>
</div>
<div id="proof" data-section="proof">
<SocialProofOne
textboxLayout="split"
useInvertedBackground={true}
names={[
"Apex Construction",
"Urban Design Studio",
"Summit Builders",
"Vista Architecture",
"Heritage Development",
"Skyline Group",
"Modern Build Corp",
]}
title="Trusted by Architects & Builders"
description="We partner with leaders in the construction industry to bring durable, aesthetic metalwork to commercial and residential projects across the region."
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
tag="Get in Touch"
title="Ready to Start Your Project?"
description="Whether it's a small custom gate or a complete architectural staircase, let's discuss your requirements today."
buttons={[
{
text: "Request a Quote",
href: "#",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13487.jpg?_wi=5"
logoText="Solis Iron Works"
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Projects",
href: "#products",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}