Update src/app/page.tsx

Update src/app/layout.tsx
Merge version_4 into main
2026-03-05 12:07:17 +00:00 · 2026-03-05 12:07:16 +00:00 · 2026-03-05 12:00:28 +00:00 · 2026-03-05 12:00:18 +00:00 · 2026-03-05 08:20:28 +00:00
2 changed files with 63 additions and 15 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,11 +1,13 @@
 import type { Metadata } from "next";
 import { Inter } from "next/font/google";
 import "./globals.css";
+import "./styles/variables.css";
+import "./styles/base.css";

 const inter = Inter({ subsets: ["latin"] });

 export const metadata: Metadata = {
-  title: "Xenko | Web Design, Software, & Branding",  description: "We build websites, software, and brands that elevate your business. Fast delivery, transparent pricing, long-term support."};
+  title: "Xenko - Web Development, Software & Branding",  description: "Build websites, software, and brands that elevate your business"};

 export default function RootLayout({
  children,
@@ -14,7 +16,9 @@ export default function RootLayout({
 }) {
  return (
    <html lang="en">
-      <body className={inter.className}>{children}
+      <body className={inter.className}>
+        {children}
+      
        <script
          dangerouslySetInnerHTML={{
            __html: `
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,6 +32,12 @@ export default function XenkoPage() {
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
+      <style>{`
+        html {
+          scroll-behavior: smooth;
+        }
+      `}</style>
+
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Xenko"
@@ -48,7 +54,10 @@ export default function XenkoPage() {
        />
      </div>

-      <div id="hero" data-section="hero">
+      <div id="hero" data-section="hero" style={{
+        backdropFilter: 'blur(10px)',
+        background: 'rgba(255, 255, 255, 0.05)'
+      }}>
        <HeroLogoBillboard
          logoText="Xenko"
          description="We Build Websites, Software, and Brands That Elevate Your Business"
@@ -59,14 +68,15 @@ export default function XenkoPage() {
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "sparkles-gradient" }}
-          imageSrc="http://img.b2bpic.net/free-vector/futuristic-technology-infographic-pack_52683-34336.jpg"
-          imageAlt="Xenko digital solutions showcase"
-          mediaAnimation="slide-up"
-          frameStyle="browser"
+          mediaAnimation="none"
+          containerClassName="backdrop-blur-md bg-white/5"
        />
      </div>

-      <div id="socialProof" data-section="socialProof">
+      <div id="socialProof" data-section="socialProof" style={{
+        backdropFilter: 'blur(8px)',
+        background: 'rgba(26, 26, 26, 0.4)'
+      }}>
        <SocialProofOne
          title="Chosen by Businesses That Take Growth Seriously"
          description="Trusted by leading companies across multiple industries"
@@ -77,10 +87,14 @@ export default function XenkoPage() {
          ]}
          speed={40}
          showCard={true}
+          containerClassName="backdrop-blur-md bg-black/20"
        />
      </div>

-      <div id="services" data-section="services">
+      <div id="services" data-section="services" style={{
+        backdropFilter: 'blur(10px)',
+        background: 'rgba(255, 255, 255, 0.05)'
+      }}>
        <FeatureCardTwentyThree
          features={[
            {
@@ -101,10 +115,15 @@ export default function XenkoPage() {
          description="Comprehensive solutions designed to elevate every aspect of your business presence online"
          textboxLayout="default"
          useInvertedBackground={false}
+          containerClassName="backdrop-blur-md bg-white/5"
+          cardClassName="backdrop-blur-md bg-white/10 border border-white/20"
        />
      </div>

-      <div id="testimonials" data-section="testimonials">
+      <div id="testimonials" data-section="testimonials" style={{
+        backdropFilter: 'blur(10px)',
+        background: 'rgba(255, 255, 255, 0.05)'
+      }}>
        <TestimonialCardTen
          testimonials={[
            {
@@ -124,10 +143,15 @@ export default function XenkoPage() {
          description="Fast delivery, honest pricing, and support that continues after launch"
          textboxLayout="default"
          useInvertedBackground={false}
+          containerClassName="backdrop-blur-md bg-white/5"
+          quoteCardClassName="backdrop-blur-md bg-white/10 border border-white/20"
        />
      </div>

-      <div id="pricing" data-section="pricing">
+      <div id="pricing" data-section="pricing" style={{
+        backdropFilter: 'blur(10px)',
+        background: 'rgba(255, 255, 255, 0.05)'
+      }}>
        <PricingCardOne
          plans={[
            {
@@ -158,10 +182,15 @@ export default function XenkoPage() {
              text: "Get Your Quote on WhatsApp",              href: "https://wa.me/?text=Hi%20Xenko%2C%20I%27d%20like%20a%20quote%20for%20your%20services"
            },
          ]}
+          containerClassName="backdrop-blur-md bg-white/5"
+          cardClassName="backdrop-blur-md bg-white/10 border border-white/20"
        />
      </div>

-      <div id="howItWorks" data-section="howItWorks">
+      <div id="howItWorks" data-section="howItWorks" style={{
+        backdropFilter: 'blur(10px)',
+        background: 'rgba(255, 255, 255, 0.05)'
+      }}>
        <ContactFaq
          faqs={[
            {
@@ -182,10 +211,17 @@ export default function XenkoPage() {
          ctaIcon={Rocket}
          useInvertedBackground={false}
          animationType="slide-up"
+          containerClassName="backdrop-blur-md bg-white/5"
+          ctaPanelClassName="backdrop-blur-md bg-white/10 border border-white/20"
+          faqsPanelClassName="backdrop-blur-md bg-white/10 border border-white/20"
+          accordionClassName="backdrop-blur-md bg-white/5"
        />
      </div>

-      <div id="faq" data-section="faq">
+      <div id="faq" data-section="faq" style={{
+        backdropFilter: 'blur(10px)',
+        background: 'rgba(255, 255, 255, 0.05)'
+      }}>
        <FaqDouble
          faqs={[
            {
@@ -212,10 +248,15 @@ export default function XenkoPage() {
          textboxLayout="default"
          useInvertedBackground={false}
          faqsAnimation="slide-up"
+          containerClassName="backdrop-blur-md bg-white/5"
+          accordionClassName="backdrop-blur-md bg-white/10 border border-white/20"
        />
      </div>

-      <div id="finalCta" data-section="finalCta">
+      <div id="finalCta" data-section="finalCta" style={{
+        backdropFilter: 'blur(10px)',
+        background: 'rgba(255, 255, 255, 0.05)'
+      }}>
        <HeroLogoBillboard
          logoText="Stop Losing Customers Online"
          description="Let's build something that brings visibility, trust, and efficiency to your business."
@@ -227,6 +268,7 @@ export default function XenkoPage() {
          buttonAnimation="slide-up"
          background={{ variant: "sparkles-gradient" }}
          mediaAnimation="none"
+          containerClassName="backdrop-blur-md bg-white/5"
        />
      </div>

@@ -244,8 +286,10 @@ export default function XenkoPage() {
              href: "https://wa.me/?text=Hi%20Xenko",              ariaLabel: "WhatsApp Xenko"
            },
          ]}
+          containerClassName="backdrop-blur-md bg-white/5 border-t border-white/20"
+          cardClassName="backdrop-blur-md bg-white/10"
        />
      </div>
    </ThemeProvider>
  );
-}
+}
Author	SHA1	Message	Date
bender	45b3d06c8a	Update src/app/page.tsx	2026-03-05 12:07:17 +00:00
bender	4aeeb7d86e	Update src/app/layout.tsx	2026-03-05 12:07:16 +00:00
bender	da49770cb7	Merge version_4 into main Merge version_4 into main	2026-03-05 12:00:28 +00:00
bender	39ef53d9be	Update src/app/page.tsx	2026-03-05 12:00:18 +00:00
bender	5a0bb33ac1	Merge version_3 into main Merge version_3 into main	2026-03-05 08:20:28 +00:00