7 Commits

Author SHA1 Message Date
45b3d06c8a Update src/app/page.tsx 2026-03-05 12:07:17 +00:00
4aeeb7d86e Update src/app/layout.tsx 2026-03-05 12:07:16 +00:00
da49770cb7 Merge version_4 into main
Merge version_4 into main
2026-03-05 12:00:28 +00:00
39ef53d9be Update src/app/page.tsx 2026-03-05 12:00:18 +00:00
5a0bb33ac1 Merge version_3 into main
Merge version_3 into main
2026-03-05 08:20:28 +00:00
3640ddfa5b Update src/app/page.tsx 2026-03-05 08:20:24 +00:00
6b11209499 Merge version_2 into main
Merge version_2 into main
2026-03-05 00:29:19 +00:00
2 changed files with 62 additions and 29 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

@@ -5,7 +5,6 @@ import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloating
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree";
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
import ContactFaq from "@/components/sections/contact/ContactFaq";
@@ -33,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"
@@ -49,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,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"
@@ -78,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={[
{
@@ -102,24 +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="portfolio" data-section="portfolio">
<TestimonialAboutCard
tag="Our Work"
title="Work That Looks Good and Works Even Better"
description="See Our Work"
subdescription="Websites that attract customers, software that saves time, and branding that makes businesses unforgettable."
icon={Sparkles}
imageSrc="http://img.b2bpic.net/free-photo/elegant-cozy-office-lifestyle_23-2149636247.jpg"
imageAlt="Portfolio showcase of Xenko work"
mediaAnimation="slide-up"
useInvertedBackground={false}
/>
</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={[
{
@@ -139,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={[
{
@@ -173,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={[
{
@@ -197,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={[
{
@@ -227,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."
@@ -242,6 +268,7 @@ export default function XenkoPage() {
buttonAnimation="slide-up"
background={{ variant: "sparkles-gradient" }}
mediaAnimation="none"
containerClassName="backdrop-blur-md bg-white/5"
/>
</div>
@@ -259,6 +286,8 @@ 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>