From 614c87aaae215efa18d184a1fb756c72072e9caf Mon Sep 17 00:00:00 2001 From: Alfred Jophy Date: Mon, 2 Feb 2026 21:57:00 +0530 Subject: [PATCH] Base UI. --- src/app.html | 24 +++-- src/lib/components/cloud-partners.svelte | 61 ++++++++++++ src/lib/components/contact.svelte | 119 +++++++++++++++++++++++ src/lib/components/footer.svelte | 50 ++++++++++ src/lib/components/hero.svelte | 118 ++++++++++++++++++++++ src/lib/components/navbar.svelte | 58 +++++++++++ src/lib/components/service-card.svelte | 25 +++++ src/lib/components/services.svelte | 77 +++++++++++++++ src/routes/+layout.svelte | 11 ++- src/routes/+layout.ts | 2 + src/routes/+page.svelte | 15 ++- src/routes/layout.css | 64 +++++++++++- 12 files changed, 611 insertions(+), 13 deletions(-) create mode 100644 src/lib/components/cloud-partners.svelte create mode 100644 src/lib/components/contact.svelte create mode 100644 src/lib/components/footer.svelte create mode 100644 src/lib/components/hero.svelte create mode 100644 src/lib/components/navbar.svelte create mode 100644 src/lib/components/service-card.svelte create mode 100644 src/lib/components/services.svelte create mode 100644 src/routes/+layout.ts diff --git a/src/app.html b/src/app.html index f273cc5..47b3322 100644 --- a/src/app.html +++ b/src/app.html @@ -1,11 +1,19 @@ - - - - %sveltekit.head% - - -
%sveltekit.body%
- + + + + + + ComputeCloud.in | Cloud Consulting Excellence + + + %sveltekit.head% + + + +
%sveltekit.body%
+ + diff --git a/src/lib/components/cloud-partners.svelte b/src/lib/components/cloud-partners.svelte new file mode 100644 index 0000000..1aca602 --- /dev/null +++ b/src/lib/components/cloud-partners.svelte @@ -0,0 +1,61 @@ + + +
+
+
+

+ Ecosystem Partners +

+

+ Certified Infrastructure Experts. +

+
+ +
+ {#each PARTNERS as partner, i (i)} +
+
+ +
+

+ {partner.name} +

+

+ {partner.description} +

+
+ {/each} +
+ +
+ Architect Professional + Security Specialist + DevSecOps Engineer + Network Expert +
+
+
diff --git a/src/lib/components/contact.svelte b/src/lib/components/contact.svelte new file mode 100644 index 0000000..10f4c20 --- /dev/null +++ b/src/lib/components/contact.svelte @@ -0,0 +1,119 @@ + + +
+
+
+
+

+ Initiate
Migration. +

+

+ Every great infrastructure starts with a conversation. Let's discuss your hardened + roadmap. +

+ +
+
+
+ +
+
+

+ Direct Communication +

+

solutions@computecloud.in

+
+
+
+
+ +
+
+

+ Operational Hub +

+

Tech Corridor, Bangalore

+
+
+
+
+ +
+ {#if isSubmitted} +
+
+ +
+

Acknowledge.

+

+ Our lead architect has been notified. Standby for contact. +

+
+ {:else} +
+
+
+ +
+
+ +
+
+
+ +
+
+ +
+
+ +
+ +
+ {/if} +
+
+
+
diff --git a/src/lib/components/footer.svelte b/src/lib/components/footer.svelte new file mode 100644 index 0000000..3c3d543 --- /dev/null +++ b/src/lib/components/footer.svelte @@ -0,0 +1,50 @@ + diff --git a/src/lib/components/hero.svelte b/src/lib/components/hero.svelte new file mode 100644 index 0000000..f4caa89 --- /dev/null +++ b/src/lib/components/hero.svelte @@ -0,0 +1,118 @@ + + +
+
+ +
+
+
+ + Advanced DevSecOps & Cloud Architecture +
+ +

+ ENGINEERED FOR
+ + {#each PHRASES as phrase, i (i)} + + {phrase} + + {/each} + +

+ +

+ ComputeCloud.in architecting the backbone for global enterprises. We specialize in hardened + DevSecOps pipelines, zero-trust security, and high-velocity migrations. +

+ +
+ + Initiate Consultation + +
+ +
+
+

ZERO

+

+ Critical Breaches Reported +

+
+
+

99.999%

+

+ Availability Target +

+
+
+

1200+

+

+ Hardened Deployments +

+
+
+

ISO/SOC2

+

+ Compliance Ready +

+
+
+
+
+ + +
diff --git a/src/lib/components/navbar.svelte b/src/lib/components/navbar.svelte new file mode 100644 index 0000000..de8df76 --- /dev/null +++ b/src/lib/components/navbar.svelte @@ -0,0 +1,58 @@ + + + diff --git a/src/lib/components/service-card.svelte b/src/lib/components/service-card.svelte new file mode 100644 index 0000000..42e186c --- /dev/null +++ b/src/lib/components/service-card.svelte @@ -0,0 +1,25 @@ + + +
+
+ +
+

{title}

+

+ {description} +

+ + Protocol + +
diff --git a/src/lib/components/services.svelte b/src/lib/components/services.svelte new file mode 100644 index 0000000..6ec4784 --- /dev/null +++ b/src/lib/components/services.svelte @@ -0,0 +1,77 @@ + + +
+
+
+
+

+ Security First Stack +

+

+ Hardened for
the modern threat landscape. +

+
+
+ Our multi-disciplinary team integrates security into every layer of your cloud ecosystem + from day zero. +
+
+
+ {#each SERVICES as service, i (i)} + + {/each} +
+
+
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 0d8eb03..b95538c 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -1,4 +1,6 @@ -{@render children()} + +
+ + {@render children()} +
+
diff --git a/src/routes/+layout.ts b/src/routes/+layout.ts new file mode 100644 index 0000000..ceccaaf --- /dev/null +++ b/src/routes/+layout.ts @@ -0,0 +1,2 @@ +export const prerender = true; +export const ssr = false; diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index cc88df0..1cf99ed 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -1,2 +1,13 @@ -

Welcome to SvelteKit

-

Visit svelte.dev/docs/kit to read the documentation

+ + +
+ + + + +
diff --git a/src/routes/layout.css b/src/routes/layout.css index cd67023..6e42224 100644 --- a/src/routes/layout.css +++ b/src/routes/layout.css @@ -1,3 +1,63 @@ @import 'tailwindcss'; -@plugin '@tailwindcss/forms'; -@plugin '@tailwindcss/typography'; +/* @plugin '@tailwindcss/forms'; */ +/* @plugin '@tailwindcss/typography'; */ + + +body { + font-family: 'Inter', sans-serif; + scroll-behavior: smooth; + background-color: #000; +} + +.glass-panel { + background: rgba(255, 255, 255, 0.01); + backdrop-filter: blur(20px); + border: 1px solid rgba(255, 255, 255, 0.05); +} + +.hero-gradient { + background: radial-gradient(circle at 0% 0%, #111 0%, #000 100%); +} + +.text-glow { + text-shadow: 0 0 20px rgba(34, 211, 238, 0.3); +} + +.accent-border { + border: 1px solid rgba(34, 211, 238, 0.1); +} + +.animate-float { + animation: float 8s ease-in-out infinite; +} + +@keyframes float { + 0% { + transform: translateY(0px) scale(1); + } + + 50% { + transform: translateY(-15px) scale(1.02); + } + + 100% { + transform: translateY(0px) scale(1); + } +} + +::-webkit-scrollbar { + width: 8px; +} + +::-webkit-scrollbar-track { + background: #000; +} + +::-webkit-scrollbar-thumb { + background: #222; + border-radius: 10px; +} + +::-webkit-scrollbar-thumb:hover { + background: #333; +}