368 lines
12 KiB
TypeScript
368 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import { Activity, Building2, Globe2, Home, ListChecks } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="large"
|
|
background="grid"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "hero",
|
|
},
|
|
{
|
|
name: "About Us",
|
|
id: "about",
|
|
},
|
|
{
|
|
name: "Services",
|
|
id: "services",
|
|
},
|
|
{
|
|
name: "Projects",
|
|
id: "portfolio",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="Standard General Construction Inc."
|
|
button={{
|
|
text: "Get a Free Quote",
|
|
href: "#contact",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
background={{
|
|
variant: "rotated-rays-animated-grid",
|
|
}}
|
|
title="Building Your Vision With Precision & Trust"
|
|
description="Standard General Construction Inc. provides industry-leading contracting solutions for residential and commercial projects. Committed to excellence, integrity, and timely delivery."
|
|
buttons={[
|
|
{
|
|
text: "Get a Free Quote",
|
|
href: "#contact",
|
|
},
|
|
]}
|
|
carouselItems={[
|
|
{
|
|
id: "h1",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/engineer-helmet-standing-by-factory_1157-35557.jpg?_wi=1",
|
|
imageAlt: "Construction Site 1",
|
|
},
|
|
{
|
|
id: "h2",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-engineers-work-hours-job-site_23-2151589585.jpg?_wi=1",
|
|
imageAlt: "Construction Site 2",
|
|
},
|
|
{
|
|
id: "h3",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-buildings_116348-29.jpg?_wi=1",
|
|
imageAlt: "Construction Site 3",
|
|
},
|
|
{
|
|
id: "h4",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/male-builder-construction_7502-4915.jpg?_wi=1",
|
|
imageAlt: "Construction Site 4",
|
|
},
|
|
{
|
|
id: "h5",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-vienna-railway-station-vienna-austria_181624-10305.jpg?_wi=1",
|
|
imageAlt: "Construction Site 5",
|
|
},
|
|
{
|
|
id: "h6",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/worker-drawing-blueprint_23-2147710946.jpg?_wi=1",
|
|
imageAlt: "Construction Site 6",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={false}
|
|
title="Decades of Construction Excellence"
|
|
description="At Standard General Construction, we combine traditional craftsmanship with modern project management. Our team brings unparalleled professionalism to every job site, ensuring your vision is brought to life efficiently and safely."
|
|
metrics={[
|
|
{
|
|
value: "20+",
|
|
title: "Years Experience",
|
|
},
|
|
{
|
|
value: "500+",
|
|
title: "Projects Completed",
|
|
},
|
|
{
|
|
value: "100%",
|
|
title: "Client Satisfaction",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/group-architect-discussing-plan-office_23-2147842931.jpg"
|
|
imageAlt="Construction team onsite"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyFive
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "General Contracting",
|
|
description: "Full-service management from planning to final execution.",
|
|
icon: Building2,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-man-civil-engineer-safety-hat_185193-108529.jpg",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/structure-tokyo-tower_1150-11154.jpg",
|
|
},
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/engineer-helmet-standing-by-factory_1157-35557.jpg?_wi=2",
|
|
imageAlt: "construction site worker engineering",
|
|
},
|
|
{
|
|
title: "Commercial Construction",
|
|
description: "Large scale commercial developments for businesses.",
|
|
icon: Building2,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/empty-black-stairs-pedestrian-subway-3d-render_1127-3114.jpg",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/idea-adult-man-protective-helmet-plaid-shirt-with-tablet-his-hands-thinking-looking-side-standing-construction-site_259150-57618.jpg",
|
|
},
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-engineers-work-hours-job-site_23-2151589585.jpg?_wi=2",
|
|
imageAlt: "construction site worker engineering",
|
|
},
|
|
{
|
|
title: "Residential Construction",
|
|
description: "Building dream homes with precision and care.",
|
|
icon: Home,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/construction-activity-dubai-downtown-dubai-uae-dubai-is-most-populous-city-emirate-united-arab-emirates_231208-7572.jpg",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/new-recently-built-highway-brcko-district-bosnia-herzegovina_181624-3990.jpg",
|
|
},
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-buildings_116348-29.jpg?_wi=2",
|
|
imageAlt: "construction site worker engineering",
|
|
},
|
|
{
|
|
title: "Renovation & Remodeling",
|
|
description: "Updating and modernizing existing properties.",
|
|
icon: Activity,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394930.jpg",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1832.jpg",
|
|
},
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/male-builder-construction_7502-4915.jpg?_wi=2",
|
|
imageAlt: "construction site worker engineering",
|
|
},
|
|
{
|
|
title: "Project Management",
|
|
description: "Overseeing workflow to meet deadlines.",
|
|
icon: ListChecks,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-with-clouds_23-2152023646.jpg",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/african-american-lady-safety-helmet-writing-notepad-near-building-construction_23-2148039982.jpg",
|
|
},
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-vienna-railway-station-vienna-austria_181624-10305.jpg?_wi=2",
|
|
imageAlt: "construction site worker engineering",
|
|
},
|
|
{
|
|
title: "Site Development",
|
|
description: "Preparation and grading for new projects.",
|
|
icon: Globe2,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/building-construction_23-2147785499.jpg",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/construction-site_1112-937.jpg",
|
|
},
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/worker-drawing-blueprint_23-2147710946.jpg?_wi=2",
|
|
imageAlt: "construction site worker engineering",
|
|
},
|
|
]}
|
|
title="Our Professional Services"
|
|
description="Comprehensive construction solutions tailored to meet your unique needs."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "John Doe",
|
|
role: "CEO",
|
|
company: "DevelopCorp",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-suit-smiling-camera_23-2148317358.jpg",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Jane Smith",
|
|
role: "Property Owner",
|
|
company: "Residential",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Mike Johnson",
|
|
role: "Project Manager",
|
|
company: "UrbanBuild",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-with-beard-working-home-renovation-smiling-cheerful-playing-peek-boo-with-hands-showing-face-surprised-exited_839833-5465.jpg",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Sarah Miller",
|
|
role: "Director",
|
|
company: "CommercialGroup",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-hand-reaching-out_23-2148308600.jpg",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "David Brown",
|
|
role: "Homeowner",
|
|
company: "Private",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/carefree-female-with-afro-hairstyle-holds-paint-tools-refurbishes-walls-house_273609-38577.jpg",
|
|
},
|
|
]}
|
|
title="What Our Clients Say"
|
|
description="Hear from our partners about their experience with Standard General Construction Inc."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={true}
|
|
title="Ready to Start Your Project?"
|
|
description="Get in touch with Standard General Construction Inc. for a free consultation or project quote. Phone: 0300-2220082"
|
|
inputs={[
|
|
{
|
|
name: "name",
|
|
type: "text",
|
|
placeholder: "Your Name",
|
|
required: true,
|
|
},
|
|
{
|
|
name: "email",
|
|
type: "email",
|
|
placeholder: "Email Address",
|
|
required: true,
|
|
},
|
|
{
|
|
name: "phone",
|
|
type: "tel",
|
|
placeholder: "Phone Number",
|
|
required: true,
|
|
},
|
|
]}
|
|
textarea={{
|
|
name: "message",
|
|
placeholder: "Describe your construction project...",
|
|
rows: 4,
|
|
required: true,
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/safety-glasses-blueprint-near-laptop-notebook_23-2147831943.jpg"
|
|
buttonText="Send Message"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{
|
|
label: "Home",
|
|
href: "#hero",
|
|
},
|
|
{
|
|
label: "About Us",
|
|
href: "#about",
|
|
},
|
|
{
|
|
label: "Services",
|
|
href: "#services",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Contact",
|
|
items: [
|
|
{
|
|
label: "Phone: 0300-2220082",
|
|
href: "tel:03002220082",
|
|
},
|
|
{
|
|
label: "Email: info@sgc.com",
|
|
href: "mailto:info@sgc.com",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Standard General Construction Inc."
|
|
copyrightText="© 2025 Standard General Construction Inc. All Rights Reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|