Update src/app/page.tsx

This commit is contained in:
2026-03-05 12:07:17 +00:00
parent 4aeeb7d86e
commit 45b3d06c8a

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>
);
}
}