bender/06ca9b5d-0719-41fe-b0df-5cc5807b02e8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_2
Branches Tags
bender:main bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:main
Branches Tags
bender:main bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1

12 Commits
version_2 ... main

Author SHA1 Message Date
bender
0564067cec Switch to version 5: modified src/app/page.tsx 2026-03-05 12:12:39 +00:00
bender
6e38ae4e76 Switch to version 5: modified src/app/layout.tsx 2026-03-05 12:12:39 +00:00
bender
7cb9e700ba Switch to version 4: modified src/app/page.tsx 2026-03-05 12:12:24 +00:00
bender
a2e9f12af9 Switch to version 4: modified src/app/layout.tsx 2026-03-05 12:12:23 +00:00
bender
6ea712cd80 Merge version_5 into main 
Merge version_5 into main
 2026-03-05 12:07:20 +00:00
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
bender
3640ddfa5b Update src/app/page.tsx 2026-03-05 08:20:24 +00:00
bender
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
Expand all files Collapse all files

8
src/app/layout.tsx
View File

@@ -1,11 +1,13 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Inter } from "next/font/google"; import { Inter } from "next/font/google";
import "./globals.css"; import "./globals.css";
import "./styles/variables.css";
import "./styles/base.css";
const inter = Inter({ subsets: ["latin"] }); const inter = Inter({ subsets: ["latin"] });
export const metadata: Metadata = { 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({ export default function RootLayout({
children, children,
@@ -14,7 +16,9 @@ export default function RootLayout({
}) { }) {
return ( return (
<html lang="en"> <html lang="en">
<body className={inter.className}>{children} <body className={inter.className}>
{children}
<script <script
dangerouslySetInnerHTML={{ dangerouslySetInnerHTML={{
__html: ` __html: `

83
src/app/page.tsx
View File

@@ -5,7 +5,6 @@ import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloating
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard"; import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne"; import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree"; import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree";
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen"; import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
import PricingCardOne from "@/components/sections/pricing/PricingCardOne"; import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
import ContactFaq from "@/components/sections/contact/ContactFaq"; import ContactFaq from "@/components/sections/contact/ContactFaq";
@@ -33,6 +32,12 @@ export default function XenkoPage() {
secondaryButtonStyle="radial-glow" secondaryButtonStyle="radial-glow"
headingFontWeight="semibold" headingFontWeight="semibold"
> >
<style>{`
html {
scroll-behavior: smooth;
}
`}</style>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
brandName="Xenko" brandName="Xenko"
@@ -49,7 +54,10 @@ export default function XenkoPage() {
/> />
</div> </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 <HeroLogoBillboard
logoText="Xenko" logoText="Xenko"
description="We Build Websites, Software, and Brands That Elevate Your Business" description="We Build Websites, Software, and Brands That Elevate Your Business"
@@ -60,14 +68,15 @@ export default function XenkoPage() {
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
background={{ variant: "sparkles-gradient" }} background={{ variant: "sparkles-gradient" }}
imageSrc="http://img.b2bpic.net/free-vector/futuristic-technology-infographic-pack_52683-34336.jpg" mediaAnimation="none"
imageAlt="Xenko digital solutions showcase" containerClassName="backdrop-blur-md bg-white/5"
mediaAnimation="slide-up"
frameStyle="browser"
/> />
</div> </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 <SocialProofOne
title="Chosen by Businesses That Take Growth Seriously" title="Chosen by Businesses That Take Growth Seriously"
description="Trusted by leading companies across multiple industries" description="Trusted by leading companies across multiple industries"
@@ -78,10 +87,14 @@ export default function XenkoPage() {
]} ]}
speed={40} speed={40}
showCard={true} showCard={true}
containerClassName="backdrop-blur-md bg-black/20"
/> />
</div> </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 <FeatureCardTwentyThree
features={[ features={[
{ {
@@ -102,24 +115,15 @@ export default function XenkoPage() {
description="Comprehensive solutions designed to elevate every aspect of your business presence online" description="Comprehensive solutions designed to elevate every aspect of your business presence online"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
containerClassName="backdrop-blur-md bg-white/5"
cardClassName="backdrop-blur-md bg-white/10 border border-white/20"
/> />
</div> </div>
<div id="portfolio" data-section="portfolio"> <div id="testimonials" data-section="testimonials" style={{
<TestimonialAboutCard backdropFilter: 'blur(10px)',
tag="Our Work" background: 'rgba(255, 255, 255, 0.05)'
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">
<TestimonialCardTen <TestimonialCardTen
testimonials={[ testimonials={[
{ {
@@ -139,10 +143,15 @@ export default function XenkoPage() {
description="Fast delivery, honest pricing, and support that continues after launch" description="Fast delivery, honest pricing, and support that continues after launch"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
containerClassName="backdrop-blur-md bg-white/5"
quoteCardClassName="backdrop-blur-md bg-white/10 border border-white/20"
/> />
</div> </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 <PricingCardOne
plans={[ 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" 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>
<div id="howItWorks" data-section="howItWorks"> <div id="howItWorks" data-section="howItWorks" style={{
backdropFilter: 'blur(10px)',
background: 'rgba(255, 255, 255, 0.05)'
}}>
<ContactFaq <ContactFaq
faqs={[ faqs={[
{ {
@@ -197,10 +211,17 @@ export default function XenkoPage() {
ctaIcon={Rocket} ctaIcon={Rocket}
useInvertedBackground={false} useInvertedBackground={false}
animationType="slide-up" 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>
<div id="faq" data-section="faq"> <div id="faq" data-section="faq" style={{
backdropFilter: 'blur(10px)',
background: 'rgba(255, 255, 255, 0.05)'
}}>
<FaqDouble <FaqDouble
faqs={[ faqs={[
{ {
@@ -227,10 +248,15 @@ export default function XenkoPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
faqsAnimation="slide-up" faqsAnimation="slide-up"
containerClassName="backdrop-blur-md bg-white/5"
accordionClassName="backdrop-blur-md bg-white/10 border border-white/20"
/> />
</div> </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 <HeroLogoBillboard
logoText="Stop Losing Customers Online" logoText="Stop Losing Customers Online"
description="Let's build something that brings visibility, trust, and efficiency to your business." 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" buttonAnimation="slide-up"
background={{ variant: "sparkles-gradient" }} background={{ variant: "sparkles-gradient" }}
mediaAnimation="none" mediaAnimation="none"
containerClassName="backdrop-blur-md bg-white/5"
/> />
</div> </div>
@@ -259,6 +286,8 @@ export default function XenkoPage() {
href: "https://wa.me/?text=Hi%20Xenko", ariaLabel: "WhatsApp Xenko" 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> </div>
</ThemeProvider> </ThemeProvider>