Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Pulling refs/heads/patch-09-07-2023 into Dev #803

Merged
merged 1 commit into from
Sep 9, 2023
Merged

Pulling refs/heads/patch-09-07-2023 into Dev #803

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
581 changes: 294 additions & 287 deletions .astro/types.d.ts
View file
Open in desktop

Large diffs are not rendered by default.

188 changes: 0 additions & 188 deletions .svelte-kit/ambient.d.ts
View file
Open in desktop

Large diffs are not rendered by default.

Binary file added public/assets/img/bot/kbve-resize-bot.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
138 changes: 138 additions & 0 deletions src/components/Widget/AboutUsWidget.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,138 @@
---
---
<section class="bg-purple-400/20 text-gray-100 rounded-3xl">
<div class="container max-w-xl p-6 py-12 mx-auto space-y-12 lg:px-8 lg:max-w-7xl">
<div class="bg-default p-2 rounded-3xl shadow-lg">
<h2 class="text-xl md:text-3xl font-bold tracki text-center sm:text-5xl text-gray-50 m-1">KBVE: Apps for Every Ambition!</h2>
<p class="max-w-3xl mx-auto mt-4 md:text-xl text-center text-orange-400 m-1">Crafting Tailored Applications for Startups, Enterprises, and Everyday Users.</p>

</div>
<div class="grid lg:gap-8 lg:grid-cols-2 lg:items-center">
<div class="bg-purple-400/30 p-3 rounded-3xl">
<h3 class="text-xl md:text-2xl font-bold tracki text-gray-50 m-1">What do we do?</h3>
<p class="mt-3 text-xs md:text-sm text-gray-300 m-1 indent-8">KBVE specializes in designing and developing bespoke applications tailored for diverse audiences. From innovative startups to established enterprises and individual consumers, we turn digital visions into reality.</p>
<div class="mt-12 space-y-12">
<div class="flex">
<div class="flex-shrink-0">
<div class="flex items-center justify-center w-6 h-6 md:w-12 md:h-12 rounded-md bg-orange-400 text-gray-900">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-7 h-7">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
</svg>
</div>
</div>
<!-- <div class="ml-4">
<h4 class="text-base font-medium leadi text-gray-50">Backend Brilliance, Cloud Mastery.</h4>
<p class="mt-2 text-xs md:text-sm text-gray-300 indent-8">At KBVE, we architect robust backend infrastructures that ensure seamless application performance. Leveraging state-of-the-art tools and practices, we guarantee scalability, reliability, and optimal data management for every project.</p>
</div> -->

<div class="ml-4">
<details class="w-full border rounded-lg">
<summary class="px-4 py-6 focus:outline-none focus-visible:ri text-base font-medium leadi text-gray-50">Backend Brilliance, Cloud Mastery.</summary>
<p class="px-4 py-6 pt-0 ml-4 -mt-4 text-xs md:text-sm text-gray-300 indent-8">At KBVE, we architect robust backend infrastructures that ensure seamless application performance. Leveraging state-of-the-art tools and practices, we guarantee scalability, reliability, and optimal data management for every project.</p>
</details>
</div>
</div>
<div class="flex">
<div class="flex-shrink-0">
<div class="flex items-center justify-center w-6 h-6 md:w-12 md:h-12 rounded-md bg-orange-400 text-gray-900">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-7 h-7">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
</svg>
</div>
</div>
<div class="ml-4">
<details class="w-full border rounded-lg">
<summary class="px-4 py-6 focus:outline-none focus-visible:ri text-base font-medium leadi text-gray-50">User-Centric Design Meets App Artistry.</summary>
<p class="px-4 py-6 pt-0 ml-4 -mt-4 text-xs md:text-sm text-gray-300 indent-8">Within the KBVE lab, we craft user-centric interfaces that prioritize intuitive navigation and engaging aesthetics. Each pixel is meticulously designed, ensuring our apps deliver fluid, responsive, and memorable user experiences.</p>
</details>
</div>
</div>
<div class="flex">
<div class="flex-shrink-0">
<div class="flex items-center justify-center w-6 h-6 md:w-12 md:h-12 rounded-md bg-orange-400 text-gray-900">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-7 h-7">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
</svg>
</div>
</div>
<div class="ml-4">
<details class="w-full border rounded-lg">
<summary class="px-4 py-6 focus:outline-none focus-visible:ri text-base font-medium leadi text-gray-50">Automation Architects, Robotic Revolutionaries.</summary>
<p class="px-4 py-6 pt-0 ml-4 -mt-4 text-xs md:text-sm text-gray-300 indent-8">We engineer advanced automation solutions, seamlessly integrating intelligent systems into diverse environments. Our robotic innovations are designed with precision, ensuring tasks are transformed with efficiency and reliability.</p>
</details>

</div>


</div>
</div>
</div>
<div aria-hidden="true" class="mt-10 -mb-10 lg:mb-0 lg:mt-0">
<img src="/assets/img/astronaut.avif" alt="" class="mx-auto animate-float ">
</div>
</div>
<div>
<div class="grid lg:gap-8 lg:grid-cols-2 lg:items-center">
<div class="lg:col-start-2 bg-default p-3 rounded-3xl">
<h3 class="text-sm sm:text-xl font-bold tracking-tight gradient-text m-1">@KBVE: Innovate, Integrate, Elevate Together.</h3>
<p class="mt-3 text-xs ms:text-base text-gray-50 indent-8">With KBVE, our clients gain a partner renowned for backend stability, frontend elegance, and cutting-edge automation solutions. Our holistic approach ensures not just functional excellence, but a transformative digital experience tailored to your unique vision.</p>
<div class="mt-12 space-y-12">
<div class="flex">
<div class="flex-shrink-0">
<div class="flex items-center justify-center w-6 h-6 md:w-12 md:h-12 rounded-md bg-orange-400 text-gray-900">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-7 h-7">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
</svg>
</div>
</div>
<div class="ml-4">
<details class="w-full border rounded-lg">
<summary class="px-4 py-6 focus:outline-none focus-visible:ri text-base font-medium leadi text-primary">Rapid Development, Remarkable Results.</summary>
<p class="px-4 py-6 pt-0 ml-4 -mt-4 text-xs md:text-sm text-secondary indent-8">Our seasoned team leverages agile methodologies and state-of-the-art tools, accelerating the development lifecycle without compromising quality. Our streamlined processes ensure your vision is transformed into a tangible product with unmatched speed and precision.</p>
</details>
</div>
</div>
<div class="flex">
<div class="flex-shrink-0">
<div class="flex items-center justify-center w-6 h-6 md:w-12 md:h-12 rounded-md bg-orange-400 text-gray-900">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-7 h-7">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
</svg>
</div>
</div>
<div class="ml-4">

<details class="w-full border rounded-lg">
<summary class="px-4 py-6 focus:outline-none focus-visible:ri text-base font-medium leadi text-primary">Pioneering Projects, Peerless Pricing.</summary>
<p class="px-4 py-6 pt-0 ml-4 -mt-4 text-xs md:text-sm text-secondary indent-8">Innovation meets unbeatable value. Experience top-tier development at a price point that defies expectations.</p>
</details>


</div>
</div>
<div class="flex">
<div class="flex-shrink-0">
<div class="flex items-center justify-center w-6 h-6 md:w-12 md:h-12 rounded-md bg-orange-400 text-gray-900">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-7 h-7">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
</svg>
</div>
</div>
<div class="ml-4">

<details class="w-full border rounded-lg">
<summary class="px-4 py-6 focus:outline-none focus-visible:ri text-base font-medium leadi text-primary">Explore KBVE's Digital Masterpieces Today.</summary>
<p class="px-4 py-6 pt-0 ml-4 -mt-4 text-xs md:text-sm text-secondary indent-8">KBVE's portfolio showcases a diverse array of digital solutions, each meticulously crafted to address unique challenges and visions. From sleek interfaces to robust backend systems, our projects are a testament to our commitment to excellence and innovation.</p>
</details>

</div>
</div>
</div>
</div>
<div class="mt-10 lg:mt-0 lg:col-start-1 lg:row-start-1">
<img src="https://kbve.com/assets/img/spellbook.png" alt="" class="mx-auto animate-pulse">
</div>
</div>
</div>
</div>
</section>
68 changes: 15 additions & 53 deletions src/components/Widget/Features.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,36 +5,36 @@ import SVG from "@c/Library/SVG/SVG.astro";
const features = [
{
id: 1,
title: "Bring Your Own Mind",
title: "Consulting",
description:
"Always willing to accept help.",
"Advise && Advance.",
icon: "mdiHandshake",
modal: "mindModal",
img: "",
},
{
id: 2,
title: "Clean up and Optimization",
title: "RareIcon",
description:
"Needs some bloat to be cut / reduced",
"Artful Intelligence",
icon: "mdiFeather",
modal: "featherModal",
img: "",
},
{
id: 3,
title: "Components Missing",
title: "Projects",
description:
"More need to be added.",
"All our Projects",
icon: "mdiDirectionsFork",
modal: "missingModal",
img: "",
},
{
id: 4,
title: "Integrations",
title: "NodePy",
description:
"Public / Private Integrations are TO:DO",
"NodeJS Python Application",
modal: "intModal",
icon: "mdiGraph",
img: "",
Expand All @@ -43,7 +43,7 @@ const features = [
id: 5,
title: "RentEarth",
description:
"Search is TO:DO",
"Augmented Reality App",
icon: "mdiSearchWeb",
modal: "rentearthModal",
img: "https://images.unsplash.com/photo-1614730321146-b6fa6a46bcb4?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80",
Expand All @@ -61,14 +61,16 @@ const features = [
---

<section class="bg-purple-400/20 text-gray-100 rounded-3xl">
<div class="container mx-auto p-4 my-6 space-y-2 text-center bg-orange-300/20 rounded-3xl">
<div class="container mx-auto p-4 my-6 space-y-2 text-center rounded-3xl">
<div class="bg-orange-300/20 p-2">
<h2 class="text-2xl font-bold text-shadow shadow-black ">KBVE's Gallery: Where Digital Dreams Thrive.</h2>
<p class="gradient-text font-bold">Dive into KBVE's digital tapestry, where each pixel tells a pioneering tale.</p>
<p class="text-base font-bold">Dive into KBVE's digital tapestry, where each pixel tells a pioneering tale.</p>
</div>
</div>
<div class="container mx-auto grid justify-center gap-4 sm:grid-cols-2 lg:grid-cols-3 p-4 aspect-video">
{
features.map(({ title, description, icon, img, id, modal }) => (
<div data-modal-target={modal} data-modal-toggle={modal} class="group flex flex-col items-center gap-4 p-6 border border-default bg-cover object-cover" style={{ backgroundImage: `url(${img})` }}>
<div class="group flex flex-col items-center gap-4 p-6 border border-default bg-cover object-cover" style={{ backgroundImage: `url(${img})` }}>

<div class="p-2 border-2 border-current rounded-full transition-all duration-300 group-hover:opacity-20">
<SVG name={icon} />
Expand All @@ -79,44 +81,4 @@ const features = [
))
}
</div>
</section>

<!--
Modal
-->


<!-- rentearthModal -->
<div id="rentearthModal" tabindex="-1" aria-hidden="true" class="fixed top-0 left-0 right-0 z-50 hidden w-full p-4 overflow-x-hidden overflow-y-auto md:inset-0 h-[calc(100%-1rem)] max-h-full">
<div class="relative w-full max-w-2xl max-h-full">
<!-- Modal content -->
<div class="relative bg-white rounded-lg shadow dark:bg-gray-700">
<!-- Modal header -->
<div class="flex items-start justify-between p-4 border-b rounded-t dark:border-gray-600">
<h3 class="text-xl font-semibold text-gray-900 dark:text-white">
Terms of Service
</h3>
<button type="button" class="text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ml-auto inline-flex justify-center items-center dark:hover:bg-gray-600 dark:hover:text-white" data-modal-hide="rentearthModal">
<svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"/>
</svg>
<span class="sr-only">Close modal</span>
</button>
</div>
<!-- Modal body -->
<div class="p-6 space-y-6">
<p class="text-base leading-relaxed text-gray-500 dark:text-gray-400">
With less than a month to go before the European Union enacts new consumer privacy laws for its citizens, companies around the world are updating their terms of service agreements to comply.
</p>
<p class="text-base leading-relaxed text-gray-500 dark:text-gray-400">
The European Union’s General Data Protection Regulation (G.D.P.R.) goes into effect on May 25 and is meant to ensure a common set of data rights in the European Union. It requires organizations to notify users as soon as possible of high-risk data breaches that could personally affect them.
</p>
</div>
<!-- Modal footer -->
<div class="flex items-center p-6 space-x-2 border-t border-gray-200 rounded-b dark:border-gray-600">
<button data-modal-hide="rentearthModal" type="button" class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">I accept</button>
<button data-modal-hide="rentearthModal" type="button" class="text-gray-500 bg-white hover:bg-gray-100 focus:ring-4 focus:outline-none focus:ring-blue-300 rounded-lg border border-gray-200 text-sm font-medium px-5 py-2.5 hover:text-gray-900 focus:z-10 dark:bg-gray-700 dark:text-gray-300 dark:border-gray-500 dark:hover:text-white dark:hover:bg-gray-600 dark:focus:ring-gray-600">Decline</button>
</div>
</div>
</div>
</div>
</section>
35 changes: 35 additions & 0 deletions src/components/Widget/IndexCard.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@
---
import AboutUsWidget from "@w/AboutUsWidget.astro";
import Features from "@w/Features.astro";

---

<div class="w-full bg-purple-400/20 border border-purple-500 rounded-lg shadow ">
<ul class="flex flex-wrap text-sm font-medium text-center text-gray-500 border-b border-purple-500 rounded-t-lg bg-default bg-cover bg-blend-overlay " style="background-image: url('./assets/img/curved-images/wave.jpg')" id="defaultTab" data-tabs-toggle="#defaultTabContent" role="tablist">
<li class="mr-2">
<button id="blog-tab" data-tabs-target="#blog" type="button" role="tab" aria-controls="blog" aria-selected="true" class="inline-block p-4 text-blue-600 rounded-tl-lg hover:bg-gray-100 ">Blog</button>
</li>
<li class="mr-2">
<button id="services-tab" data-tabs-target="#services" type="button" role="tab" aria-controls="services" aria-selected="false" class="inline-block p-4 hover:text-gray-600 hover:bg-gray-100 dark:hover:bg-gray-700 dark:hover:text-gray-300">Services</button>
</li>
<li class="mr-2">
<button id="about-tab" data-tabs-target="#about" type="button" role="tab" aria-controls="about" aria-selected="false" class="inline-block p-4 hover:text-gray-600 hover:bg-gray-100 dark:hover:bg-gray-700 dark:hover:text-gray-300">About</button>
</li>
</ul>
<div id="defaultTabContent">
<div class="hidden p-4 bg-purple-400/20 md:p-8 " id="blog" role="tabpanel" aria-labelledby="blog-tab">

<!-- Blog Element -->

</div>
<div class="hidden p-4 bg-purple-400/20 md:p-8 " id="services" role="tabpanel" aria-labelledby="services-tab">

<Features />

<Features />
</div>
<div class="hidden p-4 bg-purple-400/20 md:p-8 " id="about" role="tabpanel" aria-labelledby="about-tab">
<AboutUsWidget />
</div>
</div>
</div>
27 changes: 12 additions & 15 deletions src/components/Widget/Redirect.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,18 +1,15 @@
//* [REDIRECT]
//! BROKEN and needs to be rebuilt.

const Redirect = ({url = "https://kbve.com", display = true}) => {
if(display)
return (
<div>
<meta httpEquiv="refresh" content={`0;URL='${url}'`} />
<script> window.location={url} </script>
</div>

);
else
return (<div>ඞ</div>);

}

export default Redirect;
const Redirect = ({ url = "https://kbve.com", display = true }) => {
if (display)
return (
<div>
<meta httpEquiv="refresh" content={`0;URL='${url}'`} />
<script> window.location={url} </script>
</div>
);
else return <div>ඞ</div>;
};

export default Redirect;
Loading