Merge version_5 into main #7

Merged
bender merged 2 commits from version_5 into main 2026-03-05 12:07:21 +00:00
2 changed files with 62 additions and 11 deletions

View File

@@ -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: `

View File

@@ -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"
@@ -60,10 +69,14 @@ export default function XenkoPage() {
buttonAnimation="slide-up"
background={{ variant: "sparkles-gradient" }}
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"
@@ -74,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={[
{
@@ -98,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={[
{
@@ -121,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={[
{
@@ -155,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={[
{
@@ -179,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={[
{
@@ -209,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."
@@ -224,6 +268,7 @@ export default function XenkoPage() {
buttonAnimation="slide-up"
background={{ variant: "sparkles-gradient" }}
mediaAnimation="none"
containerClassName="backdrop-blur-md bg-white/5"
/>
</div>
@@ -241,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>
);
}
}