Compare commits
8 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 0564067cec | |||
| 6e38ae4e76 | |||
| 7cb9e700ba | |||
| a2e9f12af9 | |||
| 6ea712cd80 | |||
| 45b3d06c8a | |||
| 4aeeb7d86e | |||
| da49770cb7 |
@@ -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: `
|
||||||
|
|||||||
@@ -32,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"
|
||||||
@@ -48,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,10 +69,14 @@ 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>
|
||||||
|
|
||||||
<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"
|
||||||
@@ -74,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={[
|
||||||
{
|
{
|
||||||
@@ -98,10 +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="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials" style={{
|
||||||
|
backdropFilter: 'blur(10px)',
|
||||||
|
background: 'rgba(255, 255, 255, 0.05)'
|
||||||
|
}}>
|
||||||
<TestimonialCardTen
|
<TestimonialCardTen
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
@@ -121,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={[
|
||||||
{
|
{
|
||||||
@@ -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"
|
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={[
|
||||||
{
|
{
|
||||||
@@ -179,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={[
|
||||||
{
|
{
|
||||||
@@ -209,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."
|
||||||
@@ -224,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>
|
||||||
|
|
||||||
@@ -241,8 +286,10 @@ 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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user