Merge version_4 into main

Merge version_4 into main

src/app/drilling-services/page.tsx

@@ -0,0 +1,37 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import ContactSplit from "@/components/sections/contact/ContactSplit";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+
+export default function DrillingServicesPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+              navItems={[{ name: "Home", id: "/" }, { name: "Services", id: "/#features" }, { name: "Contact", id: "#contact" }]}
+              brandName="G & G Mining Co"
+              button={{ text: "Contact Us", href: "#contact" }}
+          />
+        </div>
+        <div className="pt-32 pb-20 px-6 max-w-4xl mx-auto">
+            <h1 className="text-4xl font-bold mb-6">Drilling Services</h1>
+            <p className="text-lg mb-8">We provide professional geological drilling and site exploration services for large-scale mining operations.</p>
+        </div>
+        <div id="contact" data-section="contact">
+            <ContactSplit 
+                title="Inquire About Drilling" 
+                description="Submit your site requirements below for a consultation." 
+                background={{ variant: "plain" }} 
+                tag="Contact" 
+                useInvertedBackground={false} 
+                mediaAnimation="none"
+            />
+        </div>
+        <div id="footer" data-section="footer">
+            <FooterSimple columns={[]} bottomLeftText="© 2024 G & G Mining Co." bottomRightText="All rights reserved." />
+        </div>
+    </ThemeProvider>
+  );
+}

src/app/equipment-rental/page.tsx

@@ -0,0 +1,37 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import ContactSplit from "@/components/sections/contact/ContactSplit";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+
+export default function EquipmentRentalPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+              navItems={[{ name: "Home", id: "/" }, { name: "Services", id: "/#features" }, { name: "Contact", id: "#contact" }]}
+              brandName="G & G Mining Co"
+              button={{ text: "Contact Us", href: "#contact" }}
+          />
+        </div>
+        <div className="pt-32 pb-20 px-6 max-w-4xl mx-auto">
+            <h1 className="text-4xl font-bold mb-6">Equipment Rental</h1>
+            <p className="text-lg mb-8">Access our fleet of industrial-grade machinery and mining equipment for your short-term or long-term operational needs.</p>
+        </div>
+        <div id="contact" data-section="contact">
+            <ContactSplit 
+                title="Inquire About Equipment" 
+                description="Tell us about your machinery requirements to get a competitive quote." 
+                background={{ variant: "plain" }} 
+                tag="Contact" 
+                useInvertedBackground={false} 
+                mediaAnimation="none"
+            />
+        </div>
+        <div id="footer" data-section="footer">
+            <FooterSimple columns={[]} bottomLeftText="© 2024 G & G Mining Co." bottomRightText="All rights reserved." />
+        </div>
+    </ThemeProvider>
+  );
+}

src/app/excavation-services/page.tsx

@@ -0,0 +1,37 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import ContactSplit from "@/components/sections/contact/ContactSplit";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+
+export default function ExcavationServicesPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+              navItems={[{ name: "Home", id: "/" }, { name: "Services", id: "/#features" }, { name: "Contact", id: "#contact" }]}
+              brandName="G & G Mining Co"
+              button={{ text: "Contact Us", href: "#contact" }}
+          />
+        </div>
+        <div className="pt-32 pb-20 px-6 max-w-4xl mx-auto">
+            <h1 className="text-4xl font-bold mb-6">Excavation Services</h1>
+            <p className="text-lg mb-8">Expert excavation and site preparation solutions tailored for industrial and construction needs.</p>
+        </div>
+        <div id="contact" data-section="contact">
+            <ContactSplit 
+                title="Inquire About Excavation" 
+                description="Discuss your site development needs with our specialized excavation team." 
+                background={{ variant: "plain" }} 
+                tag="Contact" 
+                useInvertedBackground={false} 
+                mediaAnimation="none"
+            />
+        </div>
+        <div id="footer" data-section="footer">
+            <FooterSimple columns={[]} bottomLeftText="© 2024 G & G Mining Co." bottomRightText="All rights reserved." />
+        </div>
+    </ThemeProvider>
+  );
+}

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: "About",          id: "about"},
+        { name: "Services", id: "features" },
-        {
+        { name: "Materials", id: "products" },
-          name: "Services",          id: "features"},
+        { name: "Drilling", id: "/drilling-services" },
-        {
+        { name: "Excavation", id: "/excavation-services" },
-          name: "Materials",          id: "products"},
+        { name: "Equipment", id: "/equipment-rental" },
-        {
+        { name: "Contact", id: "contact" },
-          name: "Contact",          id: "contact"},
       ]}
       brandName="G & G Mining Co"
       button={{ text: "Get Quote", href: "#contact" }}
@@ -51,22 +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: "Contact Us",          href: "#contact"},
+        { text: "Explore Services", href: "#features" },
-        {
-          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/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/backhoe-digger_1388-576.jpg",          imageAlt: "Excavation machinery"},
+        { imageSrc: "http://img.b2bpic.net/free-photo/outdoors-landscape-with-hills_23-2148922121.jpg", imageAlt: "Construction sand" },
-        {
-          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/modern-office-building-facade_158595-5089.jpg",          imageAlt: "Aggregate product"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/outdoors-landscape-with-hills_23-2148922121.jpg",          imageAlt: "Construction sand"},
       ]}
     />
   </div>
@@ -79,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: "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: "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"
@@ -97,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: "s1",          title: "Material Extraction",          tags: [
+        { id: "s2", title: "Site Surveying", tags: ["Drone", "Planning"], imageSrc: "http://img.b2bpic.net/free-photo/person-working-building-construction_23-2149184932.jpg" },
-            "Excavation",            "Geology"],
+        { id: "s3", title: "Logistics & Transport", tags: ["Hauling", "Supply Chain"], imageSrc: "http://img.b2bpic.net/free-photo/excavator-digging-day-light-outdoors_23-2149194801.jpg" },
-          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."
@@ -122,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: "p1",          brand: "G&G",          name: "High-Grade Aggregate",          price: "per ton",          rating: 5,
+        { 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" },
-          reviewCount: "120",          imageSrc: "http://img.b2bpic.net/free-photo/interior-building-construction_23-2152006103.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: "p2",          brand: "G&G",          name: "Construction Sand",          price: "per yard",          rating: 5,
+        { 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" },
-          reviewCount: "95",          imageSrc: "http://img.b2bpic.net/free-photo/sandcastle-warm-beach_53876-31338.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: "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."
@@ -152,15 +119,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       metrics={[
-        {
+        { id: "m1", title: "Projects Completed", value: "1,200+", icon: Award },
-          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: "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."
@@ -171,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: "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: "t2",          name: "David Chen",          imageSrc: "http://img.b2bpic.net/free-photo/person-working-building-construction_23-2149184933.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: "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"
@@ -193,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: "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: "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."
@@ -209,8 +162,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars"}}
       tag="Inquiry Desk"
       title="Start Your Project"
       description="Partner with G & G Mining Co for premium materials and reliable site service."
@@ -222,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: "Company",          items: [
+        { title: "Materials", items: [{ label: "Aggregates", href: "#products" }, { label: "Specialty Stone", href: "#products" }] },
-            {
+        { title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Terms", href: "#" }] },
-              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"