324 lines
10 KiB
TypeScript
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>
|
|
);
|
|
}
|