245 lines
11 KiB
TypeScript
245 lines
11 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", imageAlt: "Construction Site 1"},
|
|
{
|
|
id: "h2", imageSrc: "http://img.b2bpic.net/free-photo/portrait-engineers-work-hours-job-site_23-2151589585.jpg", imageAlt: "Construction Site 2"},
|
|
{
|
|
id: "h3", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-buildings_116348-29.jpg", imageAlt: "Construction Site 3"},
|
|
{
|
|
id: "h4", imageSrc: "http://img.b2bpic.net/free-photo/male-builder-construction_7502-4915.jpg", imageAlt: "Construction Site 4"},
|
|
{
|
|
id: "h5", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-vienna-railway-station-vienna-austria_181624-10305.jpg", imageAlt: "Construction Site 5"},
|
|
{
|
|
id: "h6", imageSrc: "http://img.b2bpic.net/free-photo/worker-drawing-blueprint_23-2147710946.jpg", 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"},
|
|
],
|
|
},
|
|
{
|
|
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"},
|
|
],
|
|
},
|
|
{
|
|
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"},
|
|
],
|
|
},
|
|
{
|
|
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"},
|
|
],
|
|
},
|
|
{
|
|
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"},
|
|
],
|
|
},
|
|
{
|
|
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"},
|
|
],
|
|
},
|
|
]}
|
|
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>
|
|
);
|
|
}
|