Update src/app/page.tsx

Update src/app/layout.tsx
2026-03-03 16:52:49 +00:00 · 2026-03-03 16:45:51 +00:00 · 2026-03-03 16:45:50 +00:00 · 2026-03-03 16:10:37 +00:00 · 2026-03-03 16:10:29 +00:00 · 2026-03-03 16:10:27 +00:00
2 changed files with 74 additions and 34 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -2,7 +2,6 @@ import type { Metadata } from "next";
 import { Figtree } from "next/font/google";
 import "./globals.css";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
-import Tag from "@/tag/Tag";

 const figtree = Figtree({
  variable: "--font-figtree",  subsets: ["latin"],
@@ -36,6 +35,38 @@ export default function RootLayout({
 }>) {
  return (
    <html lang="en" suppressHydrationWarning>
+      <head>
+        <script
+          dangerouslySetInnerHTML={{
+            __html: `
+              (function() {
+                try {
+                  const observer = new MutationObserver(function(mutations) {
+                    mutations.forEach(function(mutation) {
+                      if (mutation.addedNodes.length) {
+                        mutation.addedNodes.forEach(function(node) {
+                          if (node.nodeType === 1) {
+                            if (node.id && node.id.includes('webild')) {
+                              node.remove();
+                            }
+                            if (node.className && typeof node.className === 'string' && node.className.includes('webild')) {
+                              node.remove();
+                            }
+                            if (node.tagName === 'IFRAME' && node.src && node.src.includes('webild')) {
+                              node.remove();
+                            }
+                          }
+                        });
+                      }
+                    });
+                  });
+                  observer.observe(document.body, { childList: true, subtree: true });
+                } catch(e) {}
+              })();
+            `,
+          }}
+        />
+      </head>
      <ServiceWrapper>
        <body
          className={`${figtree.variable} antialiased`}
@@ -45,17 +76,28 @@ export default function RootLayout({
          }}
        >
          <style jsx global>{`
-            /* Hide Webild watermark */
+            /* Hide Webild watermark and loading screen */
            [data-webild-watermark],
            .webild-watermark,
            [class*="watermark"],
-            iframe[src*="webild"] {
+            iframe[src*="webild"],
+            [id*="webild"],
+            .webild-loading,
+            .webild-loader,
+            [class*="loading"][class*="screen"] {
              display: none !important;
              visibility: hidden !important;
              opacity: 0 !important;
              pointer-events: none !important;
              width: 0 !important;
              height: 0 !important;
+              min-width: 0 !important;
+              min-height: 0 !important;
+            }
+            
+            /* Hide any iframes that might be loading screens */
+            iframe {
+              display: none !important;
            }
            
            /* Performance optimizations */
@@ -79,7 +121,6 @@ export default function RootLayout({
              }
            }
          `}</style>
-          <Tag />
          {children}
        
        <script
@@ -1452,4 +1493,4 @@ export default function RootLayout({
      </ServiceWrapper>
    </html>
  );
-}
+}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,34 +3,33 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import Link from "next/link";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import HeroOverlay from "@/components/sections/hero/HeroOverlay";
-import SplitAbout from "@/components/sections/about/SplitAbout";
-import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
-import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
-import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
-import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
-import FooterMedia from "@/components/sections/footer/FooterMedia";
+import HeroOverlay from '@/components/sections/hero/HeroOverlay';
+import SplitAbout from '@/components/sections/about/SplitAbout';
+import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import { Zap, Cog, Leaf, Rocket, Printer, Package, Image, FileText, Bookmark, Sparkles, MapPin, Phone, Mail, Clock, Globe } from "lucide-react";

 export default function HomePage() {
  const navItems = [
    { name: "Home", id: "/" },
-    { name: "Services", id: "/services" },
-    { name: "Products", id: "/products" },
-    { name: "About", id: "/about" },
-    { name: "Contact", id: "/contact" },
+    { name: "Services", id: "#services" },
+    { name: "Products", id: "#products" },
+    { name: "About", id: "#about" },
+    { name: "Contact", id: "#contact" },
  ];

  const handleNavClick = (id: string) => {
    if (id === "/") {
      window.location.href = "/";
-    } else if (id.startsWith("/")) {
-      window.location.href = id;
-    } else {
-      const element = document.querySelector(`#${id}`);
+    } else if (id.startsWith("#")) {
+      const element = document.querySelector(id);
      if (element) {
        element.scrollIntoView({ behavior: "smooth" });
      }
+    } else if (id.startsWith("/")) {
+      window.location.href = id;
    }
  };

@@ -69,8 +68,8 @@ export default function HomePage() {
          showBlur={true}
          showDimOverlay={true}
          buttons={[
-            { text: "Get Started", href: "/contact" },
-            { text: "Learn More", href: "/about" },
+            { text: "Request a Quote", href: "#contact" },
+            { text: "Learn More", href: "#about" },
          ]}
          buttonAnimation="slide-up"
          ariaLabel="LichtPrint hero section with premium printing solutions"
@@ -97,7 +96,7 @@ export default function HomePage() {
            textboxLayout="default"
            useInvertedBackground={false}
            imagePosition="right"
-            buttons={[{ text: "Explore Services", href: "/services" }]}
+            buttons={[{ text: "Explore Services", href: "#services" }]}
            buttonAnimation="slide-up"
          />
        </div>
@@ -143,7 +142,7 @@ export default function HomePage() {
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
-            buttons={[{ text: "View All Products", href: "/products" }]}
+            buttons={[{ text: "View All Products", href: "#products" }]}
            buttonAnimation="slide-up"
          />
        </div>
@@ -337,25 +336,25 @@ export default function HomePage() {
          columns={[
            {
              title: "Services",              items: [
-                { label: "Digital Printing", href: "/services" },
-                { label: "Offset Printing", href: "/services" },
-                { label: "Packaging", href: "/services" },
-                { label: "Large Format", href: "/services" },
+                { label: "Digital Printing", href: "#services" },
+                { label: "Offset Printing", href: "#services" },
+                { label: "Packaging", href: "#services" },
+                { label: "Large Format", href: "#services" },
              ],
            },
            {
              title: "Company",              items: [
-                { label: "About Us", href: "/about" },
-                { label: "Our Team", href: "/about" },
+                { label: "About Us", href: "#about" },
+                { label: "Our Team", href: "#about" },
                { label: "Careers", href: "#" },
                { label: "Blog", href: "#" },
              ],
            },
            {
              title: "Support",              items: [
-                { label: "Contact Us", href: "/contact" },
-                { label: "FAQ", href: "#faq" },
-                { label: "Pricing", href: "#pricing" },
+                { label: "Contact Us", href: "#contact" },
+                { label: "FAQ", href: "#" },
+                { label: "Pricing", href: "#" },
                { label: "Privacy Policy", href: "#" },
              ],
            },
@@ -364,4 +363,4 @@ export default function HomePage() {
      </div>
    </ThemeProvider>
  );
-}
+}
Author	SHA1	Message	Date
bender	c51fc44770	Update src/app/page.tsx	2026-03-03 16:52:49 +00:00
bender	2b8eff305e	Update src/app/page.tsx	2026-03-03 16:45:51 +00:00
bender	add695a5b1	Update src/app/layout.tsx	2026-03-03 16:45:50 +00:00
bender	a3c234e3c1	Merge version_4 into main Merge version_4 into main	2026-03-03 16:10:37 +00:00
bender	e70ac3cdfb	Update src/app/page.tsx	2026-03-03 16:10:29 +00:00
bender	41ad326eee	Update src/app/layout.tsx	2026-03-03 16:10:27 +00:00
bender	569295f01d	Merge version_3 into main Merge version_3 into main	2026-03-03 15:56:24 +00:00
bender	604df28aa9	Merge version_3 into main Merge version_3 into main	2026-03-03 15:53:59 +00:00