{

"page": {
"id": "quantum-landing-page",
"brand": "Vawick",
"theme": {
"background": "#000000",
"primaryColor": "#FF4600",
"textColor": "#EDEDED",
"accentTextColor": "#FFFFFF"
},
"sections": [
{
"id": "section-1-hero",
"type": "hero_split",
"props": {
"eyebrow": "Enterprise Quantum Platform",
"headline": "Solve real-world business problems with quantum.",
"subheadline": "An enterprise-ready platform to build, simulate, and scale quantum solutions faster—without low-level coding.",
"bullets": [
"Cloud-based quantum access",
"Automated circuit synthesis",
"Scalability for the future: 100 to 10,000+ qubits",
"Multi-hardware compatibility"
],
"primaryCta": {
"label": "LET’S TALK",
"action": "open_link",
"target": "#contact"
},
"media": {
"kind": "image",
"src": "/mnt/data/section 1.jpg",
"alt": "Quantum IDE screenshot"
}
},
"style": {
"background": "#000000",
"primaryColor": "#FF4600",
"layout": "leftTextRightMedia",
"padding": { "top": 80, "bottom": 80 }
},
"responsive": { "mobileFirst": true, "stackOn": "tablet" },
"seo": {
"title": "Solve real-world business problems with quantum",
"description": "Enterprise platform for building, simulating, and scaling quantum solutions."
},
"tracking": { "viewEvent": "view_hero", "ctaEvent": "click_hero_talk" }
},
{
"id": "section-2-logos",
"type": "logo_strip",
"props": {
"title": "INNOVATING WITH THE BEST IN THE WORLD",
"subtitle": "Top tech, automotive, finance, aerospace, IT, and research companies trust us to accelerate their quantum breakthroughs.",
"logos": [
{ "label": "Intesa Sanpaolo" },
{ "label": "Sequoia" },
{ "label": "NTT" },
{ "label": "Rolls-Royce" },
{ "label": "KPMG" },
{ "label": "Fraunhofer" }
],
"fallbackImage": { "src": "/mnt/data/section 2.jpg", "alt": "Client logos" }
},
"style": {
"background": "#000000",
"primaryColor": "#FF4600",
"textColor": "#CFCFCF",
"padding": { "top": 40, "bottom": 40 },
"alignment": "center"
},
"responsive": { "mobileFirst": true },
"seo": { "title": "Trusted by leaders", "description": "Clients that innovate with our platform." },
"tracking": { "viewEvent": "view_logostrip" }
},
{
"id": "section-3-highlights",
"type": "feature_highlights",
"props": {
"heading": "Lead business innovation and quantum initiatives",
"cards": [
{
"icon": "value",
"title": "Unlock business value",
"text": "Use cases like risk modeling, optimization, and simulation."
},
{
"icon": "talent",
"title": "Reduce reliance on scarce quantum talent",
"text": "High-level modeling and automation."
},
{
"icon": "rocket",
"title": "Go from pilot to production fast",
"text": "Cloud-native, hardware-agnostic deployment."
}
],
"cta": {
"label": "LET’S TALK",
"action": "scroll_to",
"target": "#contact"
},
"supportingMedia": {
"kind": "image",
"src": "/mnt/data/section 3.jpg",
"alt": "Model editor overlay"
}
},
"style": {
"background": "#000000",
"primaryColor": "#FF4600",
"textColor": "#EDEDED",
"cardBackground": "#0F0F10",
"cardBorder": "#1E1E20",
"padding": { "top": 72, "bottom": 72 }
},
"responsive": { "mobileFirst": true, "columns": { "desktop": 3, "tablet": 2, "mobile": 1 } },
"seo": { "title": "Unlock quantum value", "description": "Highlights and outcomes." },
"tracking": { "viewEvent": "view_highlights", "ctaEvent": "click_highlights_cta" }
},
{
"id": "section-4-industries",
"type": "industry_grid",
"props": {
"title": "Business outcomes, not just quantum circuits",
"items": [
{ "icon": "finance", "title": "Finance", "text": "Quantum-accelerated risk modeling, fraud detection, and Monte Carlo simulations." },
{ "icon": "chem", "title": "Chem & Pharma", "text": "Faster drug discovery, molecular modeling, and chemical simulations." },
{ "icon": "manufacturing", "title": "Manufacturing & Industry 4.0", "text": "Optimize supply chains, workflows, and material discovery." },
{ "icon": "automotive", "title": "Automotive", "text": "Battery tech, autonomous algorithms, and design simulations." },
{ "icon": "health", "title": "Healthcare", "text": "Medical research, precision medicine, and genomics analysis." },
{ "icon": "logistics", "title": "Logistics", "text": "Route optimization, fleet management, and real-time tracking." },
{ "icon": "cyber", "title": "Cybersecurity", "text": "Anomaly detection, patch management, and network optimization." },
{ "icon": "aero", "title": "Aerospace & Defence", "text": "System simulations, radar improvements, and materials development." }
]
},
"style": {
"background": "#000000",
"primaryColor": "#FF4600",
"textColor": "#EDEDED",
"tileBackground": "#111214",
"tileBorder": "#1E1F22",
"padding": { "top": 72, "bottom": 72 },
"grid": { "desktop": 4, "tablet": 2, "mobile": 1 }
},
"responsive": { "mobileFirst": true },
"seo": { "title": "Industries", "description": "Where quantum delivers outcomes." },
"tracking": { "viewEvent": "view_industry_grid" }
},
{
"id": "section-5-audiences",
"type": "audience_split",
"props": {
"title": "From exploration to execution",
"subtitle": "Whether you’re beginning or scaling a program, make confident, strategic progress.",
"panels": [
{
"audience": "For Innovation & Strategy Leaders",
"bullets": [
"De-risk early investments with quick experimentation",
"Align initiatives with core business KPIs",
"Make the case for long-term ROI"
],
"cta": { "label": "START LEARNING", "action": "open_link", "target": "#learn" },
"image": { "src": "/mnt/data/section 5.jpg", "alt": "Leaders panel" }
},
{
"audience": "For Technical Teams",
"bullets": [
"Automate quantum circuit design",
"Run apps on major quantum hardware via the cloud",
"Eliminate gate-level complexity and accelerate development"
],
"cta": { "label": "REQUEST A DEMO", "action": "open_link", "target": "#demo" },
"image": { "src": "/mnt/data/section 5.jpg", "alt": "Technical panel" }
}
]
},
"style": {
"background": "#000000",
"primaryColor": "#FF4600",
"textColor": "#EDEDED",
"panelBackground": "#101114",
"padding": { "top": 64, "bottom": 64 },
"gap": 24
},
"responsive": { "mobileFirst": true, "stackOn": "tablet" },
"seo": { "title": "Audience solutions", "description": "Tracks for leaders and technical teams." },
"tracking": { "viewEvent": "view_audience_split" }
},
{
"id": "section-6-reasons",
"type": "reasons_timeline",
"props": {
"title": "Why cloud quantum computing with us?",
"items": [
{
"title": "No hardware, no bottlenecks",
"text": "Access the latest quantum processors without expensive infrastructure upgrades."
},
{
"title": "Seamless hardware-agnostic development",
"text": "Design once and deploy across multiple QPU providers."
},
{
"title": "Automate the hardest parts of quantum development",
"text": "Skip manual gate-level coding—our automation engine transforms functional models into optimized circuits."
},
{
"title": "Faster time-to-value",
"text": "Eliminate setup and low-level programming so teams focus on real-world applications."
}
],
"illustration": { "src": "/mnt/data/section 6.jpg", "alt": "Timeline illustration" }
},
"style": {
"background": "#000000",
"primaryColor": "#FF4600",
"textColor": "#EDEDED",
"padding": { "top": 72, "bottom": 72 }
},
"responsive": { "mobileFirst": true },
"seo": { "title": "Why cloud quantum", "description": "Benefits of our cloud-first approach." },
"tracking": { "viewEvent": "view_reasons" }
},
{
"id": "section-7-contact-footer",
"type": "form_footer",
"props": {
"title": "LET’S BUILD YOUR QUANTUM FUTURE",
"intro": "Quantum computing is now a strategic enabler for the next wave of innovation. Our team is ready to explore how we can support your next quantum leap.",
"form": {
"id": "contact",
"fields": [
{ "id": "firstName", "label": "First name*", "type": "text", "required": true },
{ "id": "lastName", "label": "Last name*", "type": "text", "required": true },
{ "id": "email", "label": "Email*", "type": "email", "required": true },
{ "id": "phone", "label": "Phon

README.md

@@ -1,10 +1,13 @@
 ---
-title: Quantum Leap Odyssey
-emoji: 🐢
+title: Quantum Leap Odyssey 🚀
 colorFrom: blue
-colorTo: green
+colorTo: pink
+emoji: 🐳
 sdk: static
 pinned: false
+tags:
+  - deepsite-v3
 ---
 
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+# Welcome to your new DeepSite project!
+This project was created with [DeepSite](https://deepsite.hf.co).

index.html

@@ -1,19 +1,376 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Vawick | Enterprise Quantum Platform</title>
+    <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
+    <script src="https://cdn.tailwindcss.com"></script>
+    <script src="https://unpkg.com/feather-icons"></script>
+    <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
+    <script>
+        tailwind.config = {
+            theme: {
+                extend: {
+                    colors: {
+                        primary: '#FF4600',
+                        dark: '#000000',
+                        light: '#EDEDED',
+                        accent: '#0F0F10',
+                        border: '#1E1E20'
+                    }
+                }
+            }
+        }
+    </script>
+    <style>
+        .hero-bg {
+            background: radial-gradient(ellipse at center, rgba(255,70,0,0.1) 0%, rgba(0,0,0,1) 70%);
+        }
+        .highlight-card:hover {
+            transform: translateY(-8px);
+            box-shadow: 0 20px 25px -5px rgba(255,70,0,0.1), 0 10px 10px -5px rgba(255,70,0,0.04);
+        }
+        .industry-tile:hover {
+            border-color: #FF4600;
+        }
+    </style>
+</head>
+<body class="bg-dark text-light font-sans antialiased">
+    <!-- Hero Section -->
+    <section id="hero" class="hero-bg relative overflow-hidden">
+        <div id="vanta-globe" class="absolute inset-0 z-0"></div>
+        <div class="container mx-auto px-6 py-24 md:py-32 relative z-10">
+            <div class="flex flex-col md:flex-row items-center">
+                <div class="md:w-1/2 mb-12 md:mb-0">
+                    <span class="text-primary font-medium tracking-wider">ENTERPRISE QUANTUM PLATFORM</span>
+                    <h1 class="text-4xl md:text-6xl font-bold leading-tight mt-4">Solve real-world business problems with quantum.</h1>
+                    <p class="text-xl mt-6 opacity-90 max-w-2xl">An enterprise-ready platform to build, simulate, and scale quantum solutions faster—without low-level coding.</p>
+                    <ul class="mt-8 space-y-3">
+                        <li class="flex items-center"><i data-feather="check" class="text-primary mr-3"></i> <span>Cloud-based quantum access</span></li>
+                        <li class="flex items-center"><i data-feather="check" class="text-primary mr-3"></i> <span>Automated circuit synthesis</span></li>
+                        <li class="flex items-center"><i data-feather="check" class="text-primary mr-3"></i> <span>Scalability for the future</span></li>
+                        <li class="flex items-center"><i data-feather="check" class="text-primary mr-3"></i> <span>Multi-hardware compatibility</span></li>
+                    </ul>
+                    <a href="#contact" class="mt-10 inline-block bg-primary hover:bg-opacity-90 text-white font-bold py-4 px-8 rounded-lg transition duration-300 transform hover:scale-105">
+                        LET'S TALK
+                    </a>
+                </div>
+                <div class="md:w-1/2 flex justify-center">
+                    <img src="http://static.photos/technology/1200x630/42" alt="Quantum IDE" class="rounded-xl shadow-2xl border border-opacity-20 border-accent max-w-md">
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Logo Strip -->
+    <section class="py-16 bg-opacity-50 bg-accent">
+        <div class="container mx-auto px-6">
+            <div class="text-center">
+                <h3 class="text-sm uppercase tracking-wider text-primary mb-2">INNOVATING WITH THE BEST IN THE WORLD</h3>
+                <p class="text-lg text-opacity-80 max-w-3xl mx-auto">Top tech, automotive, finance, aerospace, IT, and research companies trust us to accelerate their quantum breakthroughs.</p>
+            </div>
+            <div class="mt-12 flex flex-wrap justify-center items-center gap-8 md:gap-16">
+                <div class="text-2xl font-bold opacity-70">Intesa Sanpaolo</div>
+                <div class="text-2xl font-bold opacity-70">Sequoia</div>
+                <div class="text-2xl font-bold opacity-70">NTT</div>
+                <div class="text-2xl font-bold opacity-70">Rolls-Royce</div>
+                <div class="text-2xl font-bold opacity-70">KPMG</div>
+                <div class="text-2xl font-bold opacity-70">Fraunhofer</div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Feature Highlights -->
+    <section class="py-24">
+        <div class="container mx-auto px-6">
+            <div class="text-center mb-16">
+                <h2 class="text-3xl md:text-4xl font-bold">Lead business innovation and quantum initiatives</h2>
+            </div>
+            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
+                <div class="highlight-card bg-accent rounded-xl p-8 border border-border transition duration-300">
+                    <div class="w-12 h-12 rounded-full bg-primary bg-opacity-20 flex items-center justify-center mb-6">
+                        <i data-feather="dollar-sign" class="text-primary"></i>
+                    </div>
+                    <h3 class="text-xl font-bold mb-3">Unlock business value</h3>
+                    <p class="opacity-80">Use cases like risk modeling, optimization, and simulation.</p>
+                </div>
+                <div class="highlight-card bg-accent rounded-xl p-8 border border-border transition duration-300">
+                    <div class="w-12 h-12 rounded-full bg-primary bg-opacity-20 flex items-center justify-center mb-6">
+                        <i data-feather="users" class="text-primary"></i>
+                    </div>
+                    <h3 class="text-xl font-bold mb-3">Reduce reliance on scarce quantum talent</h3>
+                    <p class="opacity-80">High-level modeling and automation.</p>
+                </div>
+                <div class="highlight-card bg-accent rounded-xl p-8 border border-border transition duration-300">
+                    <div class="w-12 h-12 rounded-full bg-primary bg-opacity-20 flex items-center justify-center mb-6">
+                        <i data-feather="zap" class="text-primary"></i>
+                    </div>
+                    <h3 class="text-xl font-bold mb-3">Go from pilot to production fast</h3>
+                    <p class="opacity-80">Cloud-native, hardware-agnostic deployment.</p>
+                </div>
+            </div>
+            <div class="text-center mt-12">
+                <a href="#contact" class="inline-block border-2 border-primary text-primary hover:bg-primary hover:text-white font-bold py-3 px-8 rounded-lg transition duration-300">
+                    LET'S TALK
+                </a>
+            </div>
+        </div>
+    </section>
+
+    <!-- Industry Grid -->
+    <section class="py-24 bg-accent bg-opacity-30">
+        <div class="container mx-auto px-6">
+            <div class="text-center mb-16">
+                <h2 class="text-3xl md:text-4xl font-bold mb-4">Business outcomes, not just quantum circuits</h2>
+                <p class="text-lg opacity-80 max-w-3xl mx-auto">Quantum computing applications across industries delivering measurable impact</p>
+            </div>
+            <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
+                <div class="industry-tile bg-dark rounded-lg p-6 border border-border transition duration-300">
+                    <div class="w-10 h-10 rounded-full bg-primary bg-opacity-20 flex items-center justify-center mb-4">
+                        <i data-feather="bar-chart-2" class="text-primary"></i>
+                    </div>
+                    <h3 class="text-lg font-bold mb-2">Finance</h3>
+                    <p class="text-sm opacity-80">Quantum-accelerated risk modeling, fraud detection, and Monte Carlo simulations.</p>
+                </div>
+                <div class="industry-tile bg-dark rounded-lg p-6 border border-border transition duration-300">
+                    <div class="w-10 h-10 rounded-full bg-primary bg-opacity-20 flex items-center justify-center mb-4">
+                        <i data-feather="flask" class="text-primary"></i>
+                    </div>
+                    <h3 class="text-lg font-bold mb-2">Chem & Pharma</h3>
+                    <p class="text-sm opacity-80">Faster drug discovery, molecular modeling, and chemical simulations.</p>
+                </div>
+                <div class="industry-tile bg-dark rounded-lg p-6 border border-border transition duration-300">
+                    <div class="w-10 h-10 rounded-full bg-primary bg-opacity-20 flex items-center justify-center mb-4">
+                        <i data-feather="cpu" class="text-primary"></i>
+                    </div>
+                    <h3 class="text-lg font-bold mb-2">Manufacturing</h3>
+                    <p class="text-sm opacity-80">Optimize supply chains, workflows, and material discovery.</p>
+                </div>
+                <div class="industry-tile bg-dark rounded-lg p-6 border border-border transition duration-300">
+                    <div class="w-10 h-10 rounded-full bg-primary bg-opacity-20 flex items-center justify-center mb-4">
+                        <i data-feather="truck" class="text-primary"></i>
+                    </div>
+                    <h3 class="text-lg font-bold mb-2">Automotive</h3>
+                    <p class="text-sm opacity-80">Battery tech, autonomous algorithms, and design simulations.</p>
+                </div>
+                <div class="industry-tile bg-dark rounded-lg p-6 border border-border transition duration-300">
+                    <div class="w-10 h-10 rounded-full bg-primary bg-opacity-20 flex items-center justify-center mb-4">
+                        <i data-feather="heart" class="text-primary"></i>
+                    </div>
+                    <h3 class="text-lg font-bold mb-2">Healthcare</h3>
+                    <p class="text-sm opacity-80">Medical research, precision medicine, and genomics analysis.</p>
+                </div>
+                <div class="industry-tile bg-dark rounded-lg p-6 border border-border transition duration-300">
+                    <div class="w-10 h-10 rounded-full bg-primary bg-opacity-20 flex items-center justify-center mb-4">
+                        <i data-feather="map-pin" class="text-primary"></i>
+                    </div>
+                    <h3 class="text-lg font-bold mb-2">Logistics</h3>
+                    <p class="text-sm opacity-80">Route optimization, fleet management, and real-time tracking.</p>
+                </div>
+                <div class="industry-tile bg-dark rounded-lg p-6 border border-border transition duration-300">
+                    <div class="w-10 h-10 rounded-full bg-primary bg-opacity-20 flex items-center justify-center mb-4">
+                        <i data-feather="shield" class="text-primary"></i>
+                    </div>
+                    <h3 class="text-lg font-bold mb-2">Cybersecurity</h3>
+                    <p class="text-sm opacity-80">Anomaly detection, patch management, and network optimization.</p>
+                </div>
+                <div class="industry-tile bg-dark rounded-lg p-6 border border-border transition duration-300">
+                    <div class="w-10 h-10 rounded-full bg-primary bg-opacity-20 flex items-center justify-center mb-4">
+                        <i data-feather="wind" class="text-primary"></i>
+                    </div>
+                    <h3 class="text-lg font-bold mb-2">Aerospace</h3>
+                    <p class="text-sm opacity-80">System simulations, radar improvements, and materials development.</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Audience Split -->
+    <section class="py-24">
+        <div class="container mx-auto px-6">
+            <div class="text-center mb-16">
+                <h2 class="text-3xl md:text-4xl font-bold mb-4">From exploration to execution</h2>
+                <p class="text-lg opacity-80 max-w-3xl mx-auto">Whether you're beginning or scaling a program, make confident, strategic progress.</p>
+            </div>
+            <div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
+                <div class="bg-accent rounded-xl p-8 border border-border">
+                    <h3 class="text-xl font-bold mb-4 text-primary">For Innovation & Strategy Leaders</h3>
+                    <ul class="space-y-3 mb-8">
+                        <li class="flex items-start"><i data-feather="check" class="text-primary mr-3 mt-1"></i> <span>De-risk early investments with quick experimentation</span></li>
+                        <li class="flex items-start"><i data-feather="check" class="text-primary mr-3 mt-1"></i> <span>Align initiatives with core business KPIs</span></li>
+                        <li class="flex items-start"><i data-feather="check" class="text-primary mr-3 mt-1"></i> <span>Make the case for long-term ROI</span></li>
+                    </ul>
+                    <a href="#learn" class="inline-block border border-primary bg-primary bg-opacity-10 text-primary hover:bg-primary hover:text-white font-medium py-2 px-6 rounded-lg transition duration-300">
+                        START LEARNING
+                    </a>
+                </div>
+                <div class="bg-accent rounded-xl p-8 border border-border">
+                    <h3 class="text-xl font-bold mb-4 text-primary">For Technical Teams</h3>
+                    <ul class="space-y-3 mb-8">
+                        <li class="flex items-start"><i data-feather="check" class="text-primary mr-3 mt-1"></i> <span>Automate quantum circuit design</span></li>
+                        <li class="flex items-start"><i data-feather="check" class="text-primary mr-3 mt-1"></i> <span>Run apps on major quantum hardware via the cloud</span></li>
+                        <li class="flex items-start"><i data-feather="check" class="text-primary mr-3 mt-1"></i> <span>Eliminate gate-level complexity and accelerate development</span></li>
+                    </ul>
+                    <a href="#demo" class="inline-block border border-primary bg-primary bg-opacity-10 text-primary hover:bg-primary hover:text-white font-medium py-2 px-6 rounded-lg transition duration-300">
+                        REQUEST A DEMO
+                    </a>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Reasons Timeline -->
+    <section class="py-24 bg-accent bg-opacity-30">
+        <div class="container mx-auto px-6">
+            <div class="text-center mb-16">
+                <h2 class="text-3xl md:text-4xl font-bold">Why cloud quantum computing with us?</h2>
+            </div>
+            <div class="max-w-4xl mx-auto">
+                <div class="relative">
+                    <div class="absolute left-6 top-0 h-full w-0.5 bg-primary bg-opacity-30"></div>
+                    <div class="space-y-12">
+                        <div class="relative pl-20">
+                            <div class="absolute left-6 -ml-0.5 w-4 h-4 rounded-full bg-primary mt-2"></div>
+                            <h3 class="text-xl font-bold mb-3">No hardware, no bottlenecks</h3>
+                            <p class="opacity-80">Access the latest quantum processors without expensive infrastructure upgrades.</p>
+                        </div>
+                        <div class="relative pl-20">
+                            <div class="absolute left-6 -ml-0.5 w-4 h-4 rounded-full bg-primary mt-2"></div>
+                            <h3 class="text-xl font-bold mb-3">Seamless hardware-agnostic development</h3>
+                            <p class="opacity-80">Design once and deploy across multiple QPU providers.</p>
+                        </div>
+                        <div class="relative pl-20">
+                            <div class="absolute left-6 -ml-0.5 w-4 h-4 rounded-full bg-primary mt-2"></div>
+                            <h3 class="text-xl font-bold mb-3">Automate the hardest parts of quantum development</h3>
+                            <p class="opacity-80">Skip manual gate-level coding—our automation engine transforms functional models into optimized circuits.</p>
+                        </div>
+                        <div class="relative pl-20">
+                            <div class="absolute left-6 -ml-0.5 w-4 h-4 rounded-full bg-primary mt-2"></div>
+                            <h3 class="text-xl font-bold mb-3">Faster time-to-value</h3>
+                            <p class="opacity-80">Eliminate setup and low-level programming so teams focus on real-world applications.</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Contact Footer -->
+    <section id="contact" class="py-24 bg-dark bg-opacity-95 relative overflow-hidden">
+        <div class="absolute inset-0 bg-cover bg-center opacity-10" style="background-image: url('http://static.photos/abstract/1200x630/7');"></div>
+        <div class="container mx-auto px-6 relative z-10">
+            <div class="flex flex-col lg:flex-row">
+                <div class="lg:w-1/2 mb-12 lg:mb-0 lg:pr-12">
+                    <h2 class="text-3xl md:text-4xl font-bold mb-6">LET'S BUILD YOUR QUANTUM FUTURE</h2>
+                    <p class="text-lg opacity-80 mb-8">Quantum computing is now a strategic enabler for the next wave of innovation. Our team is ready to explore how we can support your next quantum leap.</p>
+                    <div class="space-y-6">
+                        <div class="flex items-start">
+                            <div class="w-10 h-10 rounded-full bg-primary bg-opacity-20 flex items-center justify-center mr-4">
+                                <i data-feather="mail" class="text-primary"></i>
+                            </div>
+                            <div>
+                                <h4 class="font-bold">Email us</h4>
+                                <p class="opacity-80">contact@vawick.com</p>
+                            </div>
+                        </div>
+                        <div class="flex items-start">
+                            <div class="w-10 h-10 rounded-full bg-primary bg-opacity-20 flex items-center justify-center mr-4">
+                                <i data-feather="phone" class="text-primary"></i>
+                            </div>
+                            <div>
+                                <h4 class="font-bold">Call us</h4>
+                                <p class="opacity-80">+1 (555) 123-4567</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="lg:w-1/2">
+                    <form class="bg-accent rounded-xl p-8 border border-border">
+                        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+                            <div>
+                                <label for="firstName" class="block mb-2 font-medium">First name*</label>
+                                <input type="text" id="firstName" required class="w-full bg-dark border border-border rounded-lg px-4 py-3 focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent">
+                            </div>
+                            <div>
+                                <label for="lastName" class="block mb-2 font-medium">Last name*</label>
+                                <input type="text" id="lastName" required class="w-full bg-dark border border-border rounded-lg px-4 py-3 focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent">
+                            </div>
+                            <div>
+                                <label for="email" class="block mb-2 font-medium">Email*</label>
+                                <input type="email" id="email" required class="w-full bg-dark border border-border rounded-lg px-4 py-3 focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent">
+                            </div>
+                            <div>
+                                <label for="phone" class="block mb-2 font-medium">Phone number</label>
+                                <input type="tel" id="phone" class="w-full bg-dark border border-border rounded-lg px-4 py-3 focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent">
+                            </div>
+                            <div class="md:col-span-2">
+                                <label for="company" class="block mb-2 font-medium">Company name</label>
+                                <input type="text" id="company" class="w-full bg-dark border border-border rounded-lg px-4 py-3 focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent">
+                            </div>
+                            <div class="md:col-span-2">
+                                <label for="country" class="block mb-2 font-medium">Country/Region*</label>
+                                <input type="text" id="country" required class="w-full bg-dark border border-border rounded-lg px-4 py-3 focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent">
+                            </div>
+                            <div class="md:col-span-2">
+                                <label for="message" class="block mb-2 font-medium">Message</label>
+                                <textarea id="message" rows="4" class="w-full bg-dark border border-border rounded-lg px-4 py-3 focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent"></textarea>
+                            </div>
+                            <div class="md:col-span-2">
+                                <button type="submit" class="w-full bg-primary hover:bg-opacity-90 text-white font-bold py-4 px-8 rounded-lg transition duration-300">
+                                    SUBMIT
+                                </button>
+                            </div>
+                            <div class="md:col-span-2 text-sm opacity-70">
+                                By submitting this form, you agree to our <a href="/privacy" class="text-primary hover:underline">Privacy Policy</a> and <a href="/terms" class="text-primary hover:underline">User Terms</a>.
+                            </div>
+                        </div>
+                    </form>
+                </div>
+            </div>
+            <div class="mt-16 pt-8 border-t border-border flex flex-col md:flex-row justify-between items-center">
+                <div class="mb-4 md:mb-0">
+                    <span class="text-2xl font-bold">Vawick</span>
+                    <span class="opacity-70 ml-2">© 2025</span>
+                </div>
+                <div class="flex space-x-6">
+                    <a href="#" class="opacity-70 hover:opacity-100 transition duration-300"><i data-feather="twitter"></i></a>
+                    <a href="#" class="opacity-70 hover:opacity-100 transition duration-300"><i data-feather="linkedin"></i></a>
+                    <a href="#" class="opacity-70 hover:opacity-100 transition duration-300"><i data-feather="github"></i></a>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <script>
+        // Initialize Vanta.js globe
+        VANTA.GLOBE({
+            el: "#vanta-globe",
+            mouseControls: true,
+            touchControls: true,
+            gyroControls: false,
+            minHeight: 200.00,
+            minWidth: 200.00,
+            scale: 1.00,
+            scaleMobile: 1.00,
+            color: 0xFF4600,
+            backgroundColor: 0x0,
+            size: 0.8
+        });
+
+        // Initialize feather icons
+        feather.replace();
+        
+        // Smooth scrolling for anchor links
+        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+            anchor.addEventListener('click', function (e) {
+                e.preventDefault();
+                document.querySelector(this.getAttribute('href')).scrollIntoView({
+                    behavior: 'smooth'
+                });
+            });
+        });
+    </script>
+</body>
 </html>