Merge version_2 into main #2
205
src/app/page.tsx
205
src/app/page.tsx
@@ -31,50 +31,33 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Clients",
|
||||
id: "clients",
|
||||
},
|
||||
name: "Clients", id: "clients"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Qyvara"
|
||||
button={{
|
||||
text: "Explore Our Vision",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Explore Our Vision", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Visions Crafted Into Seamless Software"
|
||||
description="Where atmospheric design meets technical excellence. Every pixel, every interaction, every line of code reflects our obsession with quality."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Our Vision",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Explore Our Vision", href: "#features"},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -87,17 +70,11 @@ export default function LandingPage() {
|
||||
description="Qyvara is a Turkish software and technology firm dedicated to transforming complex visions into elegant, high-performing digital solutions. Our approach blends innovative design with meticulous engineering, creating products that are not only functional but truly inspiring. We pride ourselves on a culture of obsessive quality and a commitment to pushing the boundaries of what's possible in software."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+ Years",
|
||||
title: "Experience",
|
||||
},
|
||||
value: "15+ Years", title: "Experience"},
|
||||
{
|
||||
value: "200+ Projects",
|
||||
title: "Delivered",
|
||||
},
|
||||
value: "200+ Projects", title: "Delivered"},
|
||||
{
|
||||
value: "99% Client",
|
||||
title: "Satisfaction",
|
||||
},
|
||||
value: "99% Client", title: "Satisfaction"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMGrc4Dd072KoPo4yWNh6GITVM/a-diverse-team-of-software-engineers-col-1774292762059-6f0eebff.png"
|
||||
imageAlt="Qyvara team collaborating on software development"
|
||||
@@ -113,82 +90,54 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Custom Software Development",
|
||||
description: "Tailored solutions that scale with your ambitions, built with meticulous attention to detail and performance.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMGrc4Dd072KoPo4yWNh6GITVM/a-highly-stylized-abstract-icon-represen-1774292760946-7544f045.png",
|
||||
imageAlt: "Custom Software Icon",
|
||||
},
|
||||
id: "1", title: "Custom Software Development", description: "Tailored solutions that scale with your ambitions, built with meticulous attention to detail and performance.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMGrc4Dd072KoPo4yWNh6GITVM/a-highly-stylized-abstract-icon-represen-1774292760946-7544f045.png", imageAlt: "Custom Software Icon"},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Scalable Architectures",
|
||||
},
|
||||
text: "Scalable Architectures"},
|
||||
{
|
||||
icon: Code,
|
||||
text: "Clean, Maintainable Code",
|
||||
},
|
||||
text: "Clean, Maintainable Code"},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "UI/UX Design Excellence",
|
||||
description: "Intuitive and beautiful interfaces that delight users, ensuring seamless interactions and an unforgettable brand experience.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMGrc4Dd072KoPo4yWNh6GITVM/an-abstract-icon-depicting-intuitive-use-1774292763842-feaf1c57.png",
|
||||
imageAlt: "UI/UX Design Icon",
|
||||
},
|
||||
id: "2", title: "UI/UX Design Excellence", description: "Intuitive and beautiful interfaces that delight users, ensuring seamless interactions and an unforgettable brand experience.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMGrc4Dd072KoPo4yWNh6GITVM/an-abstract-icon-depicting-intuitive-use-1774292763842-feaf1c57.png", imageAlt: "UI/UX Design Icon"},
|
||||
items: [
|
||||
{
|
||||
icon: Layout,
|
||||
text: "User-Centric Design",
|
||||
},
|
||||
text: "User-Centric Design"},
|
||||
{
|
||||
icon: MousePointerClick,
|
||||
text: "Fluid Interactions",
|
||||
},
|
||||
text: "Fluid Interactions"},
|
||||
],
|
||||
reverse: true,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Advanced Cloud Solutions",
|
||||
description: "Robust, scalable, and secure cloud infrastructures that empower your business with unparalleled flexibility and efficiency.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMGrc4Dd072KoPo4yWNh6GITVM/a-minimalist-icon-symbolizing-robust-clo-1774292761345-c53c8390.png",
|
||||
imageAlt: "Cloud Solutions Icon",
|
||||
},
|
||||
id: "3", title: "Advanced Cloud Solutions", description: "Robust, scalable, and secure cloud infrastructures that empower your business with unparalleled flexibility and efficiency.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMGrc4Dd072KoPo4yWNh6GITVM/a-minimalist-icon-symbolizing-robust-clo-1774292761345-c53c8390.png", imageAlt: "Cloud Solutions Icon"},
|
||||
items: [
|
||||
{
|
||||
icon: Cloud,
|
||||
text: "Secure Deployments",
|
||||
},
|
||||
text: "Secure Deployments"},
|
||||
{
|
||||
icon: Server,
|
||||
text: "High Availability",
|
||||
},
|
||||
text: "High Availability"},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "AI & Machine Learning Integration",
|
||||
description: "Intelligent systems for future-proof operations, integrating cutting-edge AI and ML to unlock new possibilities for your business.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMGrc4Dd072KoPo4yWNh6GITVM/an-abstract-icon-representing-ai-and-mac-1774292761617-34086fe1.png",
|
||||
imageAlt: "AI & ML Integration Icon",
|
||||
},
|
||||
id: "4", title: "AI & Machine Learning Integration", description: "Intelligent systems for future-proof operations, integrating cutting-edge AI and ML to unlock new possibilities for your business.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMGrc4Dd072KoPo4yWNh6GITVM/an-abstract-icon-representing-ai-and-mac-1774292761617-34086fe1.png", imageAlt: "AI & ML Integration Icon"},
|
||||
items: [
|
||||
{
|
||||
icon: Brain,
|
||||
text: "Predictive Analytics",
|
||||
},
|
||||
text: "Predictive Analytics"},
|
||||
{
|
||||
icon: Sparkles,
|
||||
text: "Automated Processes",
|
||||
},
|
||||
text: "Automated Processes"},
|
||||
],
|
||||
reverse: true,
|
||||
},
|
||||
@@ -203,23 +152,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TechInnovate Solutions",
|
||||
"GlobalCloud Corp",
|
||||
"AI Pioneers Ltd.",
|
||||
"DigitalFin Ventures",
|
||||
"QuantumWorks Studio",
|
||||
"OptiServe Data",
|
||||
"FutureMetrics Group",
|
||||
]}
|
||||
"TechInnovate Solutions", "GlobalCloud Corp", "AI Pioneers Ltd.", "DigitalFin Ventures", "QuantumWorks Studio", "OptiServe Data", "FutureMetrics Group"]}
|
||||
logos={[
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMGrc4Dd072KoPo4yWNh6GITVM/abstract-minimalist-logo-for-a-generic-t-1774292760610-ef5a19de.png",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMGrc4Dd072KoPo4yWNh6GITVM/minimalist-logo-for-a-generic-turkish-en-1774292761842-299be17b.png",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMGrc4Dd072KoPo4yWNh6GITVM/simple-elegant-logo-for-a-generic-turkis-1774292761567-80da45dc.png",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMGrc4Dd072KoPo4yWNh6GITVM/contemporary-logo-for-a-generic-turkish--1774292765802-49e8ee81.png",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMGrc4Dd072KoPo4yWNh6GITVM/clean-and-strong-logo-for-a-generic-turk-1774292761291-9a6ff333.png",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMGrc4Dd072KoPo4yWNh6GITVM/modern-and-dynamic-logo-for-a-generic-tu-1774292761539-28c2c431.png",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMGrc4Dd072KoPo4yWNh6GITVM/subtle-and-sophisticated-logo-for-a-gene-1774292761523-1d053c3d.png",
|
||||
]}
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMGrc4Dd072KoPo4yWNh6GITVM/abstract-minimalist-logo-for-a-generic-t-1774292760610-ef5a19de.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMGrc4Dd072KoPo4yWNh6GITVM/minimalist-logo-for-a-generic-turkish-en-1774292761842-299be17b.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMGrc4Dd072KoPo4yWNh6GITVM/simple-elegant-logo-for-a-generic-turkis-1774292761567-80da45dc.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMGrc4Dd072KoPo4yWNh6GITVM/contemporary-logo-for-a-generic-turkish--1774292765802-49e8ee81.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMGrc4Dd072KoPo4yWNh6GITVM/clean-and-strong-logo-for-a-generic-turk-1774292761291-9a6ff333.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMGrc4Dd072KoPo4yWNh6GITVM/modern-and-dynamic-logo-for-a-generic-tu-1774292761539-28c2c431.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMGrc4Dd072KoPo4yWNh6GITVM/subtle-and-sophisticated-logo-for-a-gene-1774292761523-1d053c3d.png"]}
|
||||
title="Trusted By Visionaries"
|
||||
description="Our reputation for delivering exceptional quality and innovative solutions has made us the partner of choice for leading companies in Turkey and internationally."
|
||||
speed={30}
|
||||
@@ -234,25 +169,15 @@ export default function LandingPage() {
|
||||
author="Ayşe Yılmaz, CTO, InnovateTech"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMGrc4Dd072KoPo4yWNh6GITVM/professional-headshot-of-a-smiling-femal-1774292761376-6b51afcf.png",
|
||||
alt: "Ayşe Yılmaz",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMGrc4Dd072KoPo4yWNh6GITVM/professional-headshot-of-a-smiling-femal-1774292761376-6b51afcf.png", alt: "Ayşe Yılmaz"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMGrc4Dd072KoPo4yWNh6GITVM/professional-headshot-of-a-confident-mal-1774292761270-39280596.png",
|
||||
alt: "Mehmet Demir",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMGrc4Dd072KoPo4yWNh6GITVM/professional-headshot-of-a-confident-mal-1774292761270-39280596.png", alt: "Mehmet Demir"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMGrc4Dd072KoPo4yWNh6GITVM/professional-headshot-of-a-thoughtful-fe-1774292761101-966c832c.png",
|
||||
alt: "Elif Kaya",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMGrc4Dd072KoPo4yWNh6GITVM/professional-headshot-of-a-thoughtful-fe-1774292761101-966c832c.png", alt: "Elif Kaya"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMGrc4Dd072KoPo4yWNh6GITVM/professional-headshot-of-an-innovative-m-1774292761586-78afd7b7.png",
|
||||
alt: "Can Aksoy",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMGrc4Dd072KoPo4yWNh6GITVM/professional-headshot-of-an-innovative-m-1774292761586-78afd7b7.png", alt: "Can Aksoy"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMGrc4Dd072KoPo4yWNh6GITVM/professional-headshot-of-an-experienced--1774292760994-0bc348f1.png",
|
||||
alt: "Zeynep Tunç",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BMGrc4Dd072KoPo4yWNh6GITVM/professional-headshot-of-an-experienced--1774292760994-0bc348f1.png", alt: "Zeynep Tunç"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -263,16 +188,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Connect"
|
||||
title="Ready to Elevate Your Software Vision?"
|
||||
description="Let's build something extraordinary together. Contact Qyvara to discuss your project and discover how our expertise can bring your ideas to life."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get in Touch",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get in Touch", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -281,62 +203,37 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Solutions",
|
||||
items: [
|
||||
title: "Solutions", items: [
|
||||
{
|
||||
label: "Custom Software",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Custom Software", href: "#features"},
|
||||
{
|
||||
label: "UI/UX Design",
|
||||
href: "#features",
|
||||
},
|
||||
label: "UI/UX Design", href: "#features"},
|
||||
{
|
||||
label: "Cloud Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Cloud Services", href: "#features"},
|
||||
{
|
||||
label: "AI/ML Integration",
|
||||
href: "#features",
|
||||
},
|
||||
label: "AI/ML Integration", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Clients",
|
||||
href: "#clients",
|
||||
},
|
||||
label: "Clients", href: "#clients"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "https://linkedin.com",
|
||||
},
|
||||
label: "LinkedIn", href: "https://linkedin.com"},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "https://twitter.com",
|
||||
},
|
||||
label: "Twitter", href: "https://twitter.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #F0F3F6;
|
||||
--card: #FFFFFF;
|
||||
--foreground: #212A3E;
|
||||
--primary-cta: #3B5B84;
|
||||
--primary-cta-text: #FFFFFF;
|
||||
--secondary-cta: #E0E5EA;
|
||||
--secondary-cta-text: #212A3E;
|
||||
--accent: #8C9DAF;
|
||||
--background-accent: #E0E5EA;
|
||||
--background: #fcf6ec;
|
||||
--card: #f3ede2;
|
||||
--foreground: #2e2521;
|
||||
--primary-cta: #2e2521;
|
||||
--primary-cta-text: #fcf6ec;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #2e2521;
|
||||
--accent: #b2a28b;
|
||||
--background-accent: #b2a28b;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user