Update src/app/page.tsx
This commit is contained in:
149
src/app/page.tsx
149
src/app/page.tsx
@@ -32,14 +32,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Materials", id: "products"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ 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" }}
|
||||
@@ -51,20 +50,14 @@ export default function LandingPage() {
|
||||
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"},
|
||||
{ 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"},
|
||||
{ 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>
|
||||
@@ -77,12 +70,9 @@ export default function LandingPage() {
|
||||
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."},
|
||||
{ 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"
|
||||
@@ -95,18 +85,9 @@ export default function LandingPage() {
|
||||
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"},
|
||||
{ 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."
|
||||
@@ -120,24 +101,12 @@ export default function LandingPage() {
|
||||
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"},
|
||||
{ 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."
|
||||
@@ -150,15 +119,9 @@ export default function LandingPage() {
|
||||
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,
|
||||
},
|
||||
{ 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."
|
||||
@@ -169,16 +132,11 @@ export default function LandingPage() {
|
||||
<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"},
|
||||
{ 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"
|
||||
@@ -191,12 +149,9 @@ export default function LandingPage() {
|
||||
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."},
|
||||
{ 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."
|
||||
@@ -207,8 +162,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
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."
|
||||
@@ -220,30 +174,9 @@ export default function LandingPage() {
|
||||
<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: "#"},
|
||||
],
|
||||
},
|
||||
{ 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"
|
||||
@@ -252,4 +185,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user