189 lines
9.6 KiB
TypeScript
189 lines
9.6 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import { Award, ShieldCheck, Star } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="aurora"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Services", id: "features" },
|
|
{ name: "Materials", id: "products" },
|
|
{ name: "Drilling", id: "/drilling-services" },
|
|
{ name: "Excavation", id: "/excavation-services" },
|
|
{ name: "Equipment", id: "/equipment-rental" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="G & G Mining Co"
|
|
button={{ text: "Get Quote", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="G & G Mining Co"
|
|
description="Excellence in extraction, precision in processing, and dedication to infrastructure."
|
|
buttons={[
|
|
{ text: "Contact Us", href: "#contact" },
|
|
{ text: "Explore Services", href: "#features" },
|
|
]}
|
|
slides={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/limestone-quarry-with-sparse-vegetation-old-abandoned-rusty-excavator_1268-16009.jpg", imageAlt: "Mining operations at golden hour" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/backhoe-digger_1388-576.jpg", imageAlt: "Excavation machinery" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/heavy-machinery-used-construction-industry-engineering_23-2151307720.jpg", imageAlt: "Stone logistics" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/outdoors-landscape-with-hills_23-2148922121.jpg", imageAlt: "Construction sand" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
imagePosition="left"
|
|
title="Decades of Mining Expertise"
|
|
description="Since our founding, we have been committed to delivering high-quality materials to build the backbone of our regional infrastructure. Our operations prioritize safety, sustainability, and precision."
|
|
bulletPoints={[
|
|
{ title: "Commitment to Safety", description: "Rigorous protocols protecting our teams." },
|
|
{ title: "Environmental Stewardship", description: "Sustainable reclamation and site management." },
|
|
{ title: "Quality Materials", description: "Rigid testing for high-grade performance." },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/wide-shot-mining-field-with-industrial-structure_181624-15314.jpg"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{ id: "s1", title: "Material Extraction", tags: ["Excavation", "Geology"], imageSrc: "http://img.b2bpic.net/free-photo/heavy-excavator-digging-day-light_23-2149194829.jpg" },
|
|
{ id: "s2", title: "Site Surveying", tags: ["Drone", "Planning"], imageSrc: "http://img.b2bpic.net/free-photo/person-working-building-construction_23-2149184932.jpg" },
|
|
{ id: "s3", title: "Logistics & Transport", tags: ["Hauling", "Supply Chain"], imageSrc: "http://img.b2bpic.net/free-photo/excavator-digging-day-light-outdoors_23-2149194801.jpg" },
|
|
]}
|
|
title="Comprehensive Mining Services"
|
|
description="Delivering end-to-end solutions for quarrying, processing, and transportation."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{ id: "p1", brand: "G&G", name: "High-Grade Aggregate", price: "per ton", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/interior-building-construction_23-2152006103.jpg" },
|
|
{ id: "p2", brand: "G&G", name: "Construction Sand", price: "per yard", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/sandcastle-warm-beach_53876-31338.jpg" },
|
|
{ id: "p3", brand: "G&G", name: "Limestone Blocks", price: "per unit", rating: 4, reviewCount: "82", imageSrc: "http://img.b2bpic.net/free-photo/brick-wall-with-concrete-surface_23-2148394821.jpg" },
|
|
{ id: "p4", brand: "G&G", name: "River Landscape Stone", price: "per ton", rating: 5, reviewCount: "104", imageSrc: "http://img.b2bpic.net/free-photo/photo-stone-texture-pattern_58702-16114.jpg" },
|
|
{ id: "p5", brand: "G&G", name: "Crushed Granite", price: "per yard", rating: 4, reviewCount: "67", imageSrc: "http://img.b2bpic.net/free-photo/abstract-wall-stone-texture_17005-1927.jpg" },
|
|
{ id: "p6", brand: "G&G", name: "Reinforcement Riprap", price: "per unit", rating: 5, reviewCount: "78", imageSrc: "http://img.b2bpic.net/free-photo/closeup-old-black-square-tiles-wall-lights-cool-wallpapers_181624-28438.jpg" },
|
|
]}
|
|
title="Our Products & Materials"
|
|
description="Quality-tested aggregates and construction materials for every project scale."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardThree
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{ id: "m1", title: "Projects Completed", value: "1,200+", icon: Award },
|
|
{ id: "m2", title: "Tons Extracted Annually", value: "500k+", icon: Star },
|
|
{ id: "m3", title: "Safety Record", value: "99.9%", icon: ShieldCheck },
|
|
]}
|
|
title="Impact at Scale"
|
|
description="Our operational footprint reflects our commitment to local infrastructure development."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "t1", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/portrait-builder-works_1398-1739.jpg" },
|
|
{ id: "t2", name: "David Chen", imageSrc: "http://img.b2bpic.net/free-photo/person-working-building-construction_23-2149184933.jpg" },
|
|
{ id: "t3", name: "Elena Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/smiley-architect-posing-his-desk_23-2148242991.jpg" },
|
|
{ id: "t4", name: "Mark Stevens", imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-architect-hard-hat_1303-18993.jpg" },
|
|
{ id: "t5", name: "Linda Wu", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-looking-document_23-2148751962.jpg" },
|
|
]}
|
|
cardTitle="Client Feedback"
|
|
cardTag="Trusted Partner"
|
|
cardAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="split-description"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{ id: "faq1", title: "How do I request a bulk quote?", content: "Contact us via the form below with your project specifics and material volumes." },
|
|
{ id: "faq2", title: "Do you provide on-site delivery?", content: "Yes, we coordinate logistics for on-site delivery within our primary operating radius." },
|
|
{ id: "faq3", title: "What testing standards do you follow?", content: "We follow ASTM industry standards for material consistency and quality assurance." },
|
|
]}
|
|
title="Operational Questions"
|
|
description="Common inquiries regarding material availability and delivery logistics."
|
|
faqsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{ variant: "gradient-bars" }}
|
|
tag="Inquiry Desk"
|
|
title="Start Your Project"
|
|
description="Partner with G & G Mining Co for premium materials and reliable site service."
|
|
imageSrc="http://img.b2bpic.net/free-photo/man-using-excavator-digging-day-light_23-2149194781.jpg"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Sustainability", href: "#" }] },
|
|
{ title: "Materials", items: [{ label: "Aggregates", href: "#products" }, { label: "Specialty Stone", href: "#products" }] },
|
|
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Terms", href: "#" }] },
|
|
]}
|
|
bottomLeftText="© 2024 G & G Mining Co."
|
|
bottomRightText="Industrial Mineral Solutions"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|