diff --git a/.drone.yml b/.drone.yml new file mode 100644 index 0000000..e7c4bbb --- /dev/null +++ b/.drone.yml @@ -0,0 +1,100 @@ +--- +kind: pipeline +type: docker +name: build + +steps: + - name: dotnet-build + image: mcr.microsoft.com/dotnet/sdk:10.0 + commands: + - dotnet restore LiteCharms.slnx + - dotnet build LiteCharms.slnx -c Release + + - name: dotnet-test + image: mcr.microsoft.com/dotnet/sdk:10.0 + commands: + - dotnet restore LiteCharms.slnx + - dotnet test LiteCharms.slnx -c Release --no-restore + +trigger: + event: [ pull_request ] + +--- +kind: pipeline +type: docker +name: package + +steps: + - name: docker-build + image: plugins/docker + settings: + registry: nexus.khongisa.co.za + repo: nexus.khongisa.co.za/litecharms-leadgenerator + tags: [ latest, "1.${DRONE_BUILD_NUMBER}" ] + username: { from_secret: docker_username } + password: { from_secret: docker_password } + dockerfile: shop/Dockerfile + context: . + + - name: gitea-tag + image: alpine/git + environment: + GITEA_USER: { from_secret: git_username } + GITEA_PASS: { from_secret: git_password } + commands: + - git config --global user.email "drone@litecharms.co.za" + - git config --global user.name "Drone CI" + - git remote set-url origin https://$${GITEA_USER}:$${GITEA_PASS}@gitea.khongisa.co.za/litecharms/leadgenerator.git + - git tag 1.${DRONE_BUILD_NUMBER} + - git push origin 1.${DRONE_BUILD_NUMBER} + +depends_on: + - build + +trigger: + event: [ pull_request ] + +--- +kind: pipeline +type: docker +name: uat + +steps: + - name: deploy + image: bitnami/kubectl:latest + environment: + KUBE_CONFIG: { from_secret: kube_config } + commands: + - mkdir -p $HOME/.kube + - echo "$KUBE_CONFIG" > $HOME/.kube/config + - kubectl apply -f shop/litecharms-shop-uat.yml + - kubectl rollout restart deployment/litecharms-leadgenerator -n litecharms-shop-uat + +depends_on: + - package + +trigger: + event: [ pull_request ] + +--- +kind: pipeline +type: docker +name: prod + +steps: + - name: deploy + image: bitnami/kubectl:latest + environment: + KUBE_CONFIG: { from_secret: kube_config } + commands: + - mkdir -p $HOME/.kube + - echo "$KUBE_CONFIG" > $HOME/.kube/config + - kubectl apply -f litecharms-shop.yml + - kubectl rollout restart shop/deployment/litecharms-leadgenerator -n litecharms-shop + +depends_on: + - uat + +trigger: + event: [ promote ] + target: [ production ] \ No newline at end of file diff --git a/.filenesting.json b/.filenesting.json new file mode 100644 index 0000000..483aefc --- /dev/null +++ b/.filenesting.json @@ -0,0 +1,14 @@ +{ + "root": true, + "dependentFileProviders": { + "add": { + "addedExtension": {}, + "extensionToExtension": { + "add": { + ".css": [ ".razor" ], + ".cs": [ ".razor" ] + } + } + } + } +} \ No newline at end of file diff --git a/Dockerfile b/Dockerfile new file mode 100644 index 0000000..cee292d --- /dev/null +++ b/Dockerfile @@ -0,0 +1,25 @@ +# Stage 1: Build +FROM mcr.microsoft.com/dotnet/sdk:10.0 AS build +WORKDIR /app + +COPY ["../nuget.config", "./"] +COPY ["../LeadGenerator/LeadGenerator.csproj", "LeadGenerator/"] +RUN dotnet restore "LeadGenerator/LeadGenerator.csproj" --configfile nuget.config +COPY . . +RUN dotnet publish "../LeadGenerator/LeadGenerator.csproj" -c Release -o /app/publish /p:UseAppHost=false + +# Stage 2: Final Image +FROM mcr.microsoft.com/dotnet/aspnet:10.0 AS final +WORKDIR /app +RUN addgroup --system --gid 1000 appgroup && \ + adduser --system --uid 1000 --ingroup appgroup appuser + +EXPOSE 8080 +EXPOSE 8081 + +COPY --from=build /app/publish . + +RUN chown -R appuser:appgroup /app +USER appuser + +ENTRYPOINT ["dotnet", "LeadGenerator.dll"] \ No newline at end of file diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..d3f8705 --- /dev/null +++ b/LICENSE @@ -0,0 +1,18 @@ +PROPRIETARY LICENSE + +Copyright (c) 2026 Lite Charms (PTY) Ltd. All rights reserved. + +This software and its associated documentation (the "Software") are the +proprietary property of Lite Charms (PTY) Ltd. + +The Software is provided for internal use only. Unauthorized copying, +distribution, modification, or use of this file via any medium is +strictly prohibited. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS +OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING +FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER +DEALINGS IN THE SOFTWARE. diff --git a/LiteCharms.snk b/LiteCharms.snk new file mode 100644 index 0000000..598e6da Binary files /dev/null and b/LiteCharms.snk differ diff --git a/LiteCharmsShop.slnx b/LiteCharmsShop.slnx index 4e2253d..86ba73c 100644 --- a/LiteCharmsShop.slnx +++ b/LiteCharmsShop.slnx @@ -1 +1,3 @@ - + + + diff --git a/Shop/Components/App.razor b/Shop/Components/App.razor new file mode 100644 index 0000000..d8fd3ec --- /dev/null +++ b/Shop/Components/App.razor @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/Shop/Components/Layout/MainLayout.razor b/Shop/Components/Layout/MainLayout.razor new file mode 100644 index 0000000..8b72438 --- /dev/null +++ b/Shop/Components/Layout/MainLayout.razor @@ -0,0 +1,147 @@ +@inherits LayoutComponentBase +@inject IJSRuntime JSRuntime +@using Blazored.Toast + +
+ + + + + + + + +
+ LiteCharms + Affordable Technology Today +
+ + + + + + +
+
+ + + +27872650198 + + + @* Refactored: Mailto link with subject and body *@ + + + contact@litecharms.co.za + +
+ + +
+
+ +
+
+ @Body +
+ + @* Cookie Banner Added Here *@ + @if (showBanner) + { +
+
+

We use cookies to enhance your experience. By continuing to visit this site you agree to our use of cookies.

+
+ + +
+
+
+ } + + + + +
+ +@code { + private bool isMenuOpen = false; + private bool showBanner = false; + private bool isInitialized = false; + + private void ToggleMenu() + { + isMenuOpen = !isMenuOpen; + } + + private void CloseMenu() + { + isMenuOpen = false; + } + + protected override async Task OnAfterRenderAsync(bool firstRender) + { + // Only run this logic once when the component first renders + if (firstRender && !isInitialized) + { + isInitialized = true; + + try + { + // Attempt to read from localStorage + var consent = await JSRuntime.InvokeAsync("localStorage.getItem", "litecharms_cookie_consent"); + + // If no consent is found, show the banner + if (string.IsNullOrWhiteSpace(consent)) + { + await Task.Delay(500); // Wait for page to settle + showBanner = true; + StateHasChanged(); + } + } + catch (Exception ex) + { + // If JS Interop fails (e.g., storage blocked), default to showing the banner + Console.WriteLine($"Cookie check failed: {ex.Message}"); + showBanner = true; + StateHasChanged(); + } + } + } + + private async Task HandleConsent(bool accepted) + { + showBanner = false; + + try + { + // Save preference + await JSRuntime.InvokeVoidAsync("localStorage.setItem", "litecharms_cookie_consent", accepted ? "accepted" : "rejected"); + } + catch + { + // Fail silently if storage is unavailable + } + + StateHasChanged(); + } +} \ No newline at end of file diff --git a/Shop/Components/Layout/MainLayout.razor.css b/Shop/Components/Layout/MainLayout.razor.css new file mode 100644 index 0000000..ffc4c62 --- /dev/null +++ b/Shop/Components/Layout/MainLayout.razor.css @@ -0,0 +1,127 @@ +/* High-visibility Shop link */ +.nav-links .nav-link.nav-shop { + color: var(--brand-blue, #0096c7); + font-weight: 700; + border: 1px solid transparent; + padding: 6px 12px; + border-radius: 6px; + transition: all 0.2s ease; +} + + .nav-links .nav-link.nav-shop:hover { + background-color: rgba(0, 150, 199, 0.1); + border-color: var(--brand-blue, #0096c7); + transform: translateY(-1px); + } + +/* Mobile adjustments for the shop button */ +@media (max-width: 768px) { + .nav-links .nav-link.nav-shop { + border: 1px solid var(--brand-blue, #0096c7); + margin: 5px 0; + text-align: center; + background-color: rgba(0, 150, 199, 0.05); + } +} + +/* --- Blazored Toast Branded Styling --- */ + +/* 1. The Container: Positioned bottom-left */ +::deep .blazored-toast-container { + position: fixed; + bottom: 20px; /* Moved from top to bottom */ + left: 20px; /* Moved from right to left */ + z-index: 9999; + display: flex; + flex-direction: column-reverse; /* Newest toasts appear on top of old ones */ + gap: 12px; + width: 350px; + pointer-events: none; +} + +/* 2. The Individual Toast */ +::deep .blazored-toast { + pointer-events: auto; + display: flex; + flex-direction: column; + position: relative; + background: rgba(11, 17, 20, 0.95); + backdrop-filter: blur(10px); + border: 1px solid rgba(0, 150, 199, 0.3); + border-left: 4px solid #0096c7; + border-radius: 8px; + padding: 16px 40px 16px 16px; + color: #fff; + box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5); + animation: slideInLeft 0.3s ease-out; /* Updated animation name */ +} + +/* 3. Heading & Message */ +::deep .blazored-toast-header { + font-weight: 800; + font-size: 1rem; + color: #0096c7; + margin-bottom: 4px; + text-transform: uppercase; + letter-spacing: 0.5px; +} + +::deep .blazored-toast-message { + font-size: 0.9rem; + color: #e0e0e0; + line-height: 1.4; +} + +/* 4. The Close (X) Button */ +::deep .blazored-toast-close { + position: absolute; + top: 12px; + right: 12px; + cursor: pointer; + background: none; + border: none; + color: #888; + font-size: 20px; + line-height: 1; + transition: color 0.2s ease; +} + + ::deep .blazored-toast-close::before { + content: "×"; + } + + ::deep .blazored-toast-close:hover { + color: #ff4d4d; + } + +/* 5. Progress Bar */ +::deep .blazored-toast-progressbar { + position: absolute; + bottom: 0; + left: 0; + height: 3px; + background: rgba(0, 150, 199, 0.5); +} + +/* Entrance Animation: Sliding in from the left */ +@keyframes slideInLeft { + from { + transform: translateX(-100%); + opacity: 0; + } + + to { + transform: translateX(0); + opacity: 1; + } +} + +/* Mobile Adjustments */ +@media (max-width: 480px) { + ::deep .blazored-toast-container { + width: calc(100% - 40px); + left: 20px; + bottom: 20px; + top: auto; /* Ensure it stays at the bottom */ + } +} diff --git a/Shop/Components/Layout/ReconnectModal.razor b/Shop/Components/Layout/ReconnectModal.razor new file mode 100644 index 0000000..e740b0c --- /dev/null +++ b/Shop/Components/Layout/ReconnectModal.razor @@ -0,0 +1,31 @@ + + + +
+ +

+ Rejoining the server... +

+

+ Rejoin failed... trying again in seconds. +

+

+ Failed to rejoin.
Please retry or reload the page. +

+ +

+ The session has been paused by the server. +

+

+ Failed to resume the session.
Please retry or reload the page. +

+ +
+ diff --git a/Shop/Components/Layout/ReconnectModal.razor.css b/Shop/Components/Layout/ReconnectModal.razor.css new file mode 100644 index 0000000..3ad3773 --- /dev/null +++ b/Shop/Components/Layout/ReconnectModal.razor.css @@ -0,0 +1,157 @@ +.components-reconnect-first-attempt-visible, +.components-reconnect-repeated-attempt-visible, +.components-reconnect-failed-visible, +.components-pause-visible, +.components-resume-failed-visible, +.components-rejoining-animation { + display: none; +} + +#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible, +#components-reconnect-modal.components-reconnect-show .components-rejoining-animation, +#components-reconnect-modal.components-reconnect-paused .components-pause-visible, +#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible, +#components-reconnect-modal.components-reconnect-retrying, +#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible, +#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation, +#components-reconnect-modal.components-reconnect-failed, +#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible { + display: block; +} + + +#components-reconnect-modal { + background-color: white; + width: 20rem; + margin: 20vh auto; + padding: 2rem; + border: 0; + border-radius: 0.5rem; + box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3); + opacity: 0; + transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete; + animation: components-reconnect-modal-fadeOutOpacity 0.5s both; + &[open] + +{ + animation: components-reconnect-modal-slideUp 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity 0.5s ease-in-out 0.3s; + animation-fill-mode: both; +} + +} + +#components-reconnect-modal::backdrop { + background-color: rgba(0, 0, 0, 0.4); + animation: components-reconnect-modal-fadeInOpacity 0.5s ease-in-out; + opacity: 1; +} + +@keyframes components-reconnect-modal-slideUp { + 0% { + transform: translateY(30px) scale(0.95); + } + + 100% { + transform: translateY(0); + } +} + +@keyframes components-reconnect-modal-fadeInOpacity { + 0% { + opacity: 0; + } + + 100% { + opacity: 1; + } +} + +@keyframes components-reconnect-modal-fadeOutOpacity { + 0% { + opacity: 1; + } + + 100% { + opacity: 0; + } +} + +.components-reconnect-container { + display: flex; + flex-direction: column; + align-items: center; + gap: 1rem; +} + +#components-reconnect-modal p { + margin: 0; + text-align: center; +} + +#components-reconnect-modal button { + border: 0; + background-color: #6b9ed2; + color: white; + padding: 4px 24px; + border-radius: 4px; +} + + #components-reconnect-modal button:hover { + background-color: #3b6ea2; + } + + #components-reconnect-modal button:active { + background-color: #6b9ed2; + } + +.components-rejoining-animation { + position: relative; + width: 80px; + height: 80px; +} + + .components-rejoining-animation div { + position: absolute; + border: 3px solid #0087ff; + opacity: 1; + border-radius: 50%; + animation: components-rejoining-animation 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite; + } + + .components-rejoining-animation div:nth-child(2) { + animation-delay: -0.5s; + } + +@keyframes components-rejoining-animation { + 0% { + top: 40px; + left: 40px; + width: 0; + height: 0; + opacity: 0; + } + + 4.9% { + top: 40px; + left: 40px; + width: 0; + height: 0; + opacity: 0; + } + + 5% { + top: 40px; + left: 40px; + width: 0; + height: 0; + opacity: 1; + } + + 100% { + top: 0px; + left: 0px; + width: 80px; + height: 80px; + opacity: 0; + } +} diff --git a/Shop/Components/Layout/ReconnectModal.razor.js b/Shop/Components/Layout/ReconnectModal.razor.js new file mode 100644 index 0000000..a44de78 --- /dev/null +++ b/Shop/Components/Layout/ReconnectModal.razor.js @@ -0,0 +1,63 @@ +// Set up event handlers +const reconnectModal = document.getElementById("components-reconnect-modal"); +reconnectModal.addEventListener("components-reconnect-state-changed", handleReconnectStateChanged); + +const retryButton = document.getElementById("components-reconnect-button"); +retryButton.addEventListener("click", retry); + +const resumeButton = document.getElementById("components-resume-button"); +resumeButton.addEventListener("click", resume); + +function handleReconnectStateChanged(event) { + if (event.detail.state === "show") { + reconnectModal.showModal(); + } else if (event.detail.state === "hide") { + reconnectModal.close(); + } else if (event.detail.state === "failed") { + document.addEventListener("visibilitychange", retryWhenDocumentBecomesVisible); + } else if (event.detail.state === "rejected") { + location.reload(); + } +} + +async function retry() { + document.removeEventListener("visibilitychange", retryWhenDocumentBecomesVisible); + + try { + // Reconnect will asynchronously return: + // - true to mean success + // - false to mean we reached the server, but it rejected the connection (e.g., unknown circuit ID) + // - exception to mean we didn't reach the server (this can be sync or async) + const successful = await Blazor.reconnect(); + if (!successful) { + // We have been able to reach the server, but the circuit is no longer available. + // We'll reload the page so the user can continue using the app as quickly as possible. + const resumeSuccessful = await Blazor.resumeCircuit(); + if (!resumeSuccessful) { + location.reload(); + } else { + reconnectModal.close(); + } + } + } catch (err) { + // We got an exception, server is currently unavailable + document.addEventListener("visibilitychange", retryWhenDocumentBecomesVisible); + } +} + +async function resume() { + try { + const successful = await Blazor.resumeCircuit(); + if (!successful) { + location.reload(); + } + } catch { + reconnectModal.classList.replace("components-reconnect-paused", "components-reconnect-resume-failed"); + } +} + +async function retryWhenDocumentBecomesVisible() { + if (document.visibilityState === "visible") { + await retry(); + } +} diff --git a/Shop/Components/Pages/About.razor b/Shop/Components/Pages/About.razor new file mode 100644 index 0000000..4fc0b06 --- /dev/null +++ b/Shop/Components/Pages/About.razor @@ -0,0 +1,32 @@ +@page "/about" + +
+
+

Precision Technology. Built for Purpose.

+

At Lite Charms, we don't believe in "budget blackholes." We deliver targeted, cloud-native solutions on budget and on time.

+
+ +
+
+

Custom Web & API

+

From basic templated sites to full enterprise solutions, we develop mobile-friendly, SEO-optimized applications powered by secure, tailored APIs.

+
+
+

Enterprise Ecommerce

+

Enabling growth through secure financial system integrations—from PayFast to direct payment gateways.

+
+
+

Ad-hoc Engineering

+

When off-the-shelf products fail to close the gap in your business process, we design and produce the perfect fit for your value proposition.

+
+
+ +
+

Our Delivery Standards

+
    +
  • Iterative Planning: We assist in critical product development stages to ensure success and satisfaction.
    • +
  • Modern SDLC: We fully embrace cloud-native app development as well as on-prem solutions.
    • +
  • Virtual Collaboration: Fully virtualized operations enable us to foster teaming and quality production regardless of location.
    • +
+
+
\ No newline at end of file diff --git a/Shop/Components/Pages/About.razor.css b/Shop/Components/Pages/About.razor.css new file mode 100644 index 0000000..326f1a7 --- /dev/null +++ b/Shop/Components/Pages/About.razor.css @@ -0,0 +1,69 @@ +.about-container { + padding: 80px 5% 40px; + max-width: 1000px; + margin: 0 auto; + color: #fff; +} + +.about-hero { + text-align: center; + margin-bottom: 60px; +} + + .about-hero h1 { + font-size: clamp(2rem, 5vw, 3.5rem); + margin-bottom: 20px; + } + +.highlight { + color: var(--brand-blue, #0096c7); +} + +.mission-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); + gap: 30px; + margin-bottom: 80px; +} + +.mission-card { + background: rgba(255, 255, 255, 0.05); + padding: 30px; + border-radius: 12px; + border-left: 4px solid var(--brand-blue); +} + + .mission-card h3 { + margin-bottom: 15px; + color: var(--brand-blue); + } + +.delivery-philosophy { + background: rgba(0, 150, 199, 0.1); + padding: 40px; + border-radius: 15px; +} + + .delivery-philosophy h2 { + margin-bottom: 25px; + text-align: center; + } + + .delivery-philosophy ul { + list-style: none; + padding: 0; + } + + .delivery-philosophy li { + margin-bottom: 15px; + padding-left: 25px; + position: relative; + } + + .delivery-philosophy li::before { + content: "✓"; + position: absolute; + left: 0; + color: var(--brand-blue); + font-weight: bold; + } diff --git a/Shop/Components/Pages/Contact.razor b/Shop/Components/Pages/Contact.razor new file mode 100644 index 0000000..1275b94 --- /dev/null +++ b/Shop/Components/Pages/Contact.razor @@ -0,0 +1,92 @@ +@page "/contact" + +
+
+

Let’s Build Something Great.

+

Whether you have a specific project in mind or need strategic technical advice, we're ready to help.

+
+ +
+ +
+
+
+

Direct Line

+

+27 87 265 0198

+
+
+

Email

+

contact@litecharms.co.za

+
+
+

Location

+

Midrand, Johannesburg

+

High-Tech Hub, Northern Suburbs

+
+
+ +
+

Direct Enquiries

+
+ + + + + Discord + + + + + + Slack + +
+
+ +
+ + Currently accepting new projects for 2026 +
+
+ + +
+ + + +
+ + + +
+ +
+ + + +
+ +
+ + + + + + + + + + +
+ +
+ + + +
+ + + +
+
+
\ No newline at end of file diff --git a/Shop/Components/Pages/Contact.razor.cs b/Shop/Components/Pages/Contact.razor.cs new file mode 100644 index 0000000..973011e --- /dev/null +++ b/Shop/Components/Pages/Contact.razor.cs @@ -0,0 +1,45 @@ +using LiteCharms.Features.Utilities.Commands; +using LiteCharms.Models; + +namespace Shop.Components.Pages; + +public partial class Contact(ISender mediator, IToastService toastService) : IDisposable +{ + public CancellationTokenSource TokenSource { get; set; } = new(); + + public EmailEnquiry Input { get; set; } = new(); + + public async Task SendEmailAsync() + { + try + { + var request = SendEmailCommand.Create(Input.EmailAddress!, Input.FullName!, "shop@litecharms.co.za", + "Khongisa Shop", Input.EmailSubject!, Input.Message!); + + var result = await mediator.Send(request, TokenSource.Token); + + if (result.IsFailed) + { + toastService.ShowSuccess("Failed to send email to the team, please try again, alternatively use the Discord / Slack button to contact us", "Lite Charms Team"); + + return; + } + + toastService.ShowSuccess("Thank you, " + Input.FullName + ". We will get back to you shortly.", "Lite Charms Team"); + + Input = new EmailEnquiry(); + } + catch(Exception ex) + { + toastService.ShowSuccess(ex.Message, "Lite Charms Team"); + } + } + + public void Dispose() + { + TokenSource.Cancel(); + TokenSource.Dispose(); + + GC.SuppressFinalize(this); + } +} diff --git a/Shop/Components/Pages/Contact.razor.css b/Shop/Components/Pages/Contact.razor.css new file mode 100644 index 0000000..77e4234 --- /dev/null +++ b/Shop/Components/Pages/Contact.razor.css @@ -0,0 +1,248 @@ +/* --- 1. Layout & Header Fixes --- */ +.contact-view { + padding: 15px 5% 40px; + max-width: 1100px; + margin: 0 auto; + color: #fff; + box-sizing: border-box; +} + +.contact-header { + text-align: center; + margin-bottom: 25px; +} + + .contact-header h1 { + font-size: clamp(2rem, 5vw, 3rem) !important; + margin-bottom: 10px; + font-weight: 800; + } + +.highlight { + color: #0096c7; +} + +.contact-grid { + display: grid; + grid-template-columns: 1fr 1.5fr; + gap: 60px; + align-items: center; +} + +/* --- 2. Info Panel & Community Icons --- */ +.contact-info-panel { + display: flex; + flex-direction: column; + gap: 40px; +} + +.info-item h3 { + color: #0096c7; + font-size: 0.9rem; + text-transform: uppercase; + letter-spacing: 1px; + margin-bottom: 8px; +} + +.info-item p { + font-size: 1.2rem; + margin: 0; +} + +.sub-text { + font-size: 0.85rem !important; + opacity: 0.6; +} + +.community-section h3 { + color: #0096c7; + font-size: 0.8rem; + text-transform: uppercase; + letter-spacing: 1.5px; + margin-bottom: 15px; + opacity: 0.8; +} + +.community-links { + display: flex; + gap: 15px; +} + +.community-btn { + display: flex; + align-items: center; + gap: 10px; + padding: 10px 18px; + background: rgba(255, 255, 255, 0.05); + border: 1px solid rgba(255, 255, 255, 0.1); + border-radius: 8px; + color: #fff; + text-decoration: none; + font-size: 0.9rem; + font-weight: 500; + transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); +} + + .community-btn svg { + width: 18px; + height: 18px; + fill: #fff; + flex-shrink: 0; + } + + .community-btn:hover { + background: rgba(255, 255, 255, 0.1); + transform: translateY(-2px); + border-color: #0096c7; + } + + .community-btn.discord:hover { + color: #5865F2; + border-color: #5865F2; + background: rgba(88, 101, 242, 0.1); + box-shadow: 0 0 15px rgba(88, 101, 242, 0.4); + } + + .community-btn.discord:hover svg { + fill: #5865F2; + } + + .community-btn.slack:hover { + color: #ECB22E; + border-color: #ECB22E; + background: rgba(236, 178, 46, 0.1); + box-shadow: 0 0 15px rgba(236, 178, 46, 0.4); + } + + .community-btn.slack:hover svg { + fill: #ECB22E; + } + +/* --- 3. Form Styling & Zero-Height Validation --- */ +.form-container { + background: rgba(255, 255, 255, 0.03); + padding: 40px; + border-radius: 15px; + border: 1px solid rgba(255, 255, 255, 0.1); + box-sizing: border-box; +} + +.form-group { + margin-bottom: 28px; + width: 100%; + position: relative; +} + + .form-group label { + display: block; + margin-bottom: 8px; + font-size: 0.9rem; + color: #ccc; + } + +::deep .validation-message { + position: absolute; + bottom: -18px; + left: 0; + font-size: 0.75rem; + color: #ff4d4d; + white-space: nowrap; +} + +::deep input, ::deep select, ::deep textarea { + width: 100%; + padding: 12px 15px; + background: rgba(0, 0, 0, 0.4) !important; + border: 1px solid rgba(255, 255, 255, 0.1) !important; + border-radius: 6px; + color: #fff !important; + font-family: inherit; + box-sizing: border-box; + outline: none; +} + + ::deep input:focus, ::deep select:focus, ::deep textarea:focus { + border-color: #0096c7 !important; + background: rgba(0, 0, 0, 0.6) !important; + } + +/* --- 4. Custom Dropdown & Submit --- */ +::deep select { + appearance: none; + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%230096c7' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E") !important; + background-repeat: no-repeat !important; + background-position: calc(100% - 15px) center !important; +} + + ::deep select option { + background-color: #0b1114; + color: #fff; + } + +.btn-submit { + width: 100%; + padding: 15px; + background: #0096c7; + color: white; + border: none; + border-radius: 6px; + font-weight: 600; + cursor: pointer; + transition: all 0.3s ease; + margin-top: 5px; +} + + .btn-submit:hover { + background: #0077a3; + filter: brightness(1.1); + } + +/* Availability Badge */ +.availability-badge { + align-self: flex-start; + margin-top: 10px; + padding: 12px; + background: rgba(0, 255, 150, 0.05); + border: 1px solid rgba(0, 255, 150, 0.2); + border-radius: 8px; + font-size: 0.85rem; + display: flex; + align-items: center; + gap: 10px; +} + +.pulse-dot { + width: 8px; + height: 8px; + background: #00ff96; + border-radius: 50%; + animation: pulse 2s infinite; +} + +@keyframes pulse { + 0% { + transform: scale(0.95); + box-shadow: 0 0 0 0 rgba(0, 255, 150, 0.7); + } + + 70% { + transform: scale(1); + box-shadow: 0 0 0 10px rgba(0, 255, 150, 0); + } + + 100% { + transform: scale(0.95); + box-shadow: 0 0 0 0 rgba(0, 255, 150, 0); + } +} + +@media (max-width: 768px) { + .contact-grid { + grid-template-columns: 1fr; + gap: 40px; + } + + .contact-view { + padding: 30px 5% 40px; + } +} diff --git a/Shop/Components/Pages/Error.razor b/Shop/Components/Pages/Error.razor new file mode 100644 index 0000000..576cc2d --- /dev/null +++ b/Shop/Components/Pages/Error.razor @@ -0,0 +1,36 @@ +@page "/Error" +@using System.Diagnostics + +Error + +

Error.

+

An error occurred while processing your request.

+ +@if (ShowRequestId) +{ +

+ Request ID: @RequestId +

+} + +

Development Mode

+

+ Swapping to Development environment will display more detailed information about the error that occurred. +

+

+ The Development environment shouldn't be enabled for deployed applications. + It can result in displaying sensitive information from exceptions to end users. + For local debugging, enable the Development environment by setting the ASPNETCORE_ENVIRONMENT environment variable to Development + and restarting the app. +

+ +@code{ + [CascadingParameter] + private HttpContext? HttpContext { get; set; } + + private string? RequestId { get; set; } + private bool ShowRequestId => !string.IsNullOrEmpty(RequestId); + + protected override void OnInitialized() => + RequestId = Activity.Current?.Id ?? HttpContext?.TraceIdentifier; +} diff --git a/Shop/Components/Pages/Home.razor b/Shop/Components/Pages/Home.razor new file mode 100644 index 0000000..48b8e7c --- /dev/null +++ b/Shop/Components/Pages/Home.razor @@ -0,0 +1,62 @@ +@page "/" +@inject NavigationManager NavigationManager + +
+
+

+ Fast, Reliable Technology Services +

+

+ Software Builds, Server (VPS) Configuration, Secure Tunnels, Private VPN, Private Cloud Builds +

+ +
+ + +
+
+ + +
+ +
+
+ +
+
Fast Turnaround
+
Most builds and configurations deployed same day
+
+ + +
+
+ +
+
Quality Guaranteed
+
Corporate-grade standards applied to every project
+
+ + +
+
+ +
+
Technical Strategy
+
Deep expertise in .NET and Kubernetes ecosystems
+
+
+
+ +@code { + private void NavigateToServices() + { + // Programmatic navigation to the specified route + NavigationManager.NavigateTo("/services"); + } + + private void NavigateToShop() + { + // Programmatic navigation to the specified route + NavigationManager.NavigateTo("/shop"); + } +} \ No newline at end of file diff --git a/Shop/Components/Pages/Home.razor.css b/Shop/Components/Pages/Home.razor.css new file mode 100644 index 0000000..3f9939b --- /dev/null +++ b/Shop/Components/Pages/Home.razor.css @@ -0,0 +1,90 @@ +/* The main container for your Landing/Hero section */ +.hero-section { + width: 100%; + /* FIX: Force the hero to take up exactly the remaining vertical space */ + height: calc(100vh - 142px); /* Header(92) + Footer(50) = 142 */ + + display: flex; + flex-direction: column; + align-items: center; + position: relative; + /* MODIFIED: Changed from 'center' to 'flex-start' so we can manually space it */ + justify-content: flex-start; + /* Aggressive overflow control to stop the "1px leak" */ + overflow: hidden; + box-sizing: border-box; + background-color: #001219; + background-image: radial-gradient(at 0% 0%, rgba(0, 95, 115, 0.15) 0px, transparent 50%), radial-gradient(at 100% 100%, rgba(10, 147, 150, 0.12) 0px, transparent 50%), radial-gradient(at 80% 20%, rgba(0, 180, 216, 0.08) 0px, transparent 40%); +} + + /* Invisible spacer before the content to "push" it down visually */ + .hero-section::before { + content: ""; + /* This pushes the content block down by a fluid amount of available space */ + flex-grow: 1; + max-height: 20vh; /* Limits how far it goes on huge screens */ + min-height: 5vh; /* Minimum safe distance from header on laptops */ + } + + /* Ensure other overlays remain z-indexed correctly */ + .hero-section::after { + content: ""; + /* (keep your subtle grid overlays here) */ + } + +.hero-content { + position: relative; + z-index: 10; /* Keep content forward */ + text-align: center; + padding: 0 2rem; + /* Standard constraints */ + width: 100%; + max-width: 1200px; + /* FIX: Make the content itself a flexible stack so it can shrink */ + display: flex; + flex-direction: column; + align-items: center; + /* Proportional spacing between ALL core elements (h1 -> p -> buttons -> icons) */ + gap: clamp(1vh, 3vh, 30px); +} + + /* Typography Spacing Fixes */ + .hero-content h1 { + /* Responsive text that shrinks on smaller laptop viewports */ + font-size: clamp(2rem, 5.5vh, 3.5rem); + line-height: 1.1; + color: #fff; + margin: 0; /* Reset margins in favor of gap */ + } + + .hero-content p { + font-size: clamp(1rem, 2vh, 1.25rem); + color: var(--payoff-color); + margin: 0; /* Reset margins in favor of gap */ + } + +/* FIX: Refactored Call to Action Container */ +.cta-container { + display: flex; + justify-content: center; + align-items: center; + gap: 15px; + /* Removed margin-bottom in favor of hero-content gap */ + /* Keep a minimum height for the buttons themselves, but no max-height */ + min-height: 40px; +} + +/* Ensure the button borders/shadows don't cause the 1px leak */ +.btn-calltoaction-blue, .btn-calltoaction-white { + box-sizing: border-box; +} + +/* Features Grid Spacing */ +.features-grid { + width: 100%; + display: flex; + justify-content: space-around; + gap: 20px; + /* Optional: Ensure this section isn't stretching */ + align-items: flex-start; +} diff --git a/Shop/Components/Pages/NotFound.razor b/Shop/Components/Pages/NotFound.razor new file mode 100644 index 0000000..cb10aa9 --- /dev/null +++ b/Shop/Components/Pages/NotFound.razor @@ -0,0 +1,5 @@ +@page "/not-found" +@layout Layout.MainLayout + +

Not Found

+

Sorry, the content you are looking for does not exist.

\ No newline at end of file diff --git a/Shop/Components/Pages/Privacy.razor b/Shop/Components/Pages/Privacy.razor new file mode 100644 index 0000000..885a243 --- /dev/null +++ b/Shop/Components/Pages/Privacy.razor @@ -0,0 +1,40 @@ +@page "/privacy" + +
+
+

Privacy Policy

+

Last Updated: May 2026

+ +

At Lite Charms (PTY) LTD, we value your privacy. This policy explains how we collect, use, and protect your personal information in accordance with South African and global data protection standards.

+ +

1. Legal Framework (POPI Act)

+

In accordance with the Protection of Personal Information Act (POPIA) of South Africa, we are committed to protecting the privacy of our clients. We act as the "Responsible Party" for any data processed through our services.

+ +

2. Information We Collect

+

We only collect information necessary to provide our software development and infrastructure services, including:

+
    +
  • Contact Details: Name, email address, and phone number provided via our contact forms.
    • +
  • Technical Data: IP addresses and browser types for security and site optimization.
    • +
  • Transaction Data: Details required to process electronic payments and issue quotes.
    • +
+ +

3. How We Use Your Data

+

Your data is used strictly for professional purposes:

+
    +
  • To provide "best effort" quotes and fulfill service agreements.
    • +
  • To manage the free 3-month support period and 73-hour SLAs.
    • +
  • To communicate regarding 50% upfront fees or project updates.
    • +
+ +

4. Data Security and Storage

+

We implement industry-standard security measures to prevent unauthorized access. Given our expertise in corporate-grade Kubernetes and automation, we apply the same high-security principles to our internal data management. We do not sell or lease your personal information to third parties.

+ +

5. Your Rights

+

Under POPIA and global standards, you have the right to:

+
    +
  • Request access to the personal information we hold about you.
    • +
  • Request the correction or deletion of your data.
    • +
  • Object to the processing of your data for marketing purposes.
    • +
+
+
\ No newline at end of file diff --git a/Shop/Components/Pages/Privacy.razor.css b/Shop/Components/Pages/Privacy.razor.css new file mode 100644 index 0000000..6a142fe --- /dev/null +++ b/Shop/Components/Pages/Privacy.razor.css @@ -0,0 +1,58 @@ +/* --- Privacy Policy Styling (Adapted from Terms) --- */ +.privacy-page { + width: 100%; + background-color: var(--bar-bg); + min-height: 100vh; + display: flex; + justify-content: center; +} + +.privacy-container { + max-width: 900px; + width: 90%; + padding: 60px 0; + line-height: 1.8; + color: var(--text-white); +} + + .privacy-container h1 { + font-size: 2.5rem; + color: var(--brand-blue); + margin-bottom: 10px; + } + + .privacy-container .last-updated { + color: var(--payoff-color); + font-style: italic; + margin-bottom: 40px; + font-size: 0.9rem; + } + + .privacy-container h3 { + color: var(--brand-blue); + font-size: 1.4rem; + margin-top: 35px; + margin-bottom: 15px; + border-bottom: 1px solid rgba(0, 150, 199, 0.2); + padding-bottom: 10px; + } + + .privacy-container p { + margin-bottom: 20px; + text-align: justify; + word-wrap: break-word; + } + + .privacy-container ul { + margin-bottom: 25px; + padding-left: 20px; + } + + .privacy-container li { + margin-bottom: 12px; + color: var(--text-white); + } + + .privacy-container strong { + color: var(--payoff-color); + } diff --git a/Shop/Components/Pages/Services.razor b/Shop/Components/Pages/Services.razor new file mode 100644 index 0000000..cd88f66 --- /dev/null +++ b/Shop/Components/Pages/Services.razor @@ -0,0 +1,138 @@ +@page "/services" + +
+
+

Our Services

+

Bespoke technical solutions from infrastructure to the handheld.

+
+ +
+ + + +
+ +
+ @if (activeTab == "dev") + { +
+

+ + Desktop Applications +

+

We specialize in engineering high-performance, native desktop software tailored for Windows, macOS, and Linux environments. Our development process prioritizes resource efficiency and hardware integration.

+
    +
  • Native performance for Windows, Mac, and Linux.
    • +
  • Industrial system automation integration.
    • +
  • Zero-bloat architecture for mission-critical tasks.
    • +
+
+
+

+ + Smartphone Apps +

+

Modernize your commercial workflows with robust, cross-platform Android and iOS applications. We focus on secure, scalable mobile solutions that empower your workforce with real-time data.

+
    +
  • Cross-platform builds for Android and iPhone.
    • +
  • Commercial utility focus over consumer gaming.
    • +
  • Seamless backend field data synchronization.
    • +
+
+
+

+ + Web API & Apps +

+

We architect scalable digital ecosystems using industry-standard protocols. Our builds feature OIDC authentication and fully interactive documentation for rapid developer integration.

+
    +
  • Secure OIDC-backed authentication.
    • +
  • High-availability ingestion portals.
    • +
  • Architecture designed for horizontal growth.
    • +
+
+ } + else if (activeTab == "infra") + { +
+

+ + Server Configuration +

+

Ensure your virtual infrastructure is hardened and production-ready. We focus on securing client-owned machines through rigorous security audits and proactive hardening.

+
    +
  • Deep security auditing and hardening.
    • +
  • Comprehensive efficiency sanity checks.
    • +
  • Bank-grade self-hosting standards.
    • +
+
+
+

+ + Docker App Server +

+

Deploy with confidence using containerized environments. We build robust Docker server instances utilizing Dockhand and Howzer for automated lifecycle management.

+
    +
  • Private communication via Pangolin Tunneling.
    • +
  • Automated tool-based lifecycle management.
    • +
  • Shielded infrastructure architecture.
    • +
+
+
+

+ + K3s Cluster +

+

We implement HA K3s orchestrations designed to rival bank infrastructure. Our builds leverage external databases to ensure uptime even during hardware failures.

+
    +
  • High Availability (HA) cluster configurations.
    • +
  • Open-source visibility through Headlamp.
    • +
  • Resilient startup logic and database backends.
    • +
+
+ } + else if (activeTab == "expert") + { +
+

+ + Identity Services +

+

Take control of your organization’s security with dedicated identity management. We specialize in Authentik and Keycloak for a centralized "Zero-Trust" gateway.

+
    +
  • Private Keycloak and Authentik deployment.
    • +
  • Sovereign data management via dedicated backends.
    • +
  • Custom corporate branding options.
    • +
+
+
+

+ + Consultation +

+

Leverage expert advisory for AI integration and cybersecurity. We provide deep-dive code audits and tutorage in Python and C# for academic and professional excellence.

+
    +
  • Strategic advisory on AI and Security.
    • +
  • Specialized Tutorage for university researchers.
    • +
  • Professional code reviews on bank standards.
    • +
+
+
+

+ + Enterprise Turn-Key +

+

Our ultimate service provides a complete digital transformation. We build a unified, high-availability ecosystem from infrastructure to custom applications ready for production.

+
    +
  • Full-stack builds from metal to handheld.
    • +
  • Integrated cloud clusters and secure tunneling.
    • +
  • Single-vendor accountability for the whole stack.
    • +
+
+ } +
+
+ +@code { + private string activeTab = "dev"; +} \ No newline at end of file diff --git a/Shop/Components/Pages/Services.razor.css b/Shop/Components/Pages/Services.razor.css new file mode 100644 index 0000000..49c75ee --- /dev/null +++ b/Shop/Components/Pages/Services.razor.css @@ -0,0 +1,236 @@ +/* --- Page Layout & Height Logic --- */ +.services-page { + padding: 40px 4rem; + background-color: var(--bar-bg); + /* CALC: Viewport height minus header (92px) and footer (50px) */ + min-height: calc(100vh - 142px); + display: flex; + flex-direction: column; + box-sizing: border-box; +} + +@media (max-width: 768px) { + .services-page { + padding: 40px 1.5rem; + } +} + +/* --- Header Section --- */ +.services-header { + text-align: center; + margin-bottom: 60px; +} + + .services-header h1 { + font-size: 3rem; + color: var(--brand-blue); + margin-bottom: 10px; + } + +.payoff-text { + color: var(--payoff-color); + font-size: 1.2rem; +} + +/* --- Category Navigation --- */ +.category-nav { + display: flex; + justify-content: center; + gap: 20px; + margin-bottom: 50px; + border-bottom: 1px solid rgba(255, 255, 255, 0.05); + padding-bottom: 10px; +} + +.nav-btn { + background: none; + border: none; + color: rgba(255, 255, 255, 0.5); + font-size: 1.1rem; + font-weight: 500; + padding: 10px 20px; + cursor: pointer; + position: relative; + transition: all 0.3s ease; +} + + .nav-btn:hover { + color: var(--payoff-color); + } + + .nav-btn.active { + color: var(--brand-blue); + text-shadow: 0 0 15px rgba(0, 150, 199, 0.5); + } + + /* The animated underline */ + .nav-btn.active::after { + content: ''; + position: absolute; + bottom: -11px; + left: 0; + width: 100%; + height: 3px; + background: var(--brand-blue); + box-shadow: 0 0 10px var(--brand-blue); + border-radius: 3px; + } + +/* --- Services Grid Logic --- */ +.services-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); + gap: 30px; + max-width: 1200px; + margin: 0 auto; + width: 100%; + align-items: start; /* Precents cards from stretching vertically */ + animation: fadeIn 0.4s ease-in-out; +} + +@keyframes fadeIn { + from { + opacity: 0; + transform: translateY(10px); + } + + to { + opacity: 1; + transform: translateY(0); + } +} + +/* --- Service Card (Core Styling) --- */ +.service-card { + background: rgba(10, 25, 41, 0.7); + border: 1px solid rgba(255, 255, 255, 0.08); + padding: 30px; /* Text doesn't touch borders */ + border-radius: 12px; + transition: all 0.3s ease; + display: flex; + flex-direction: column; +} + + /* The standard hover "lift" effect */ + .service-card:not(.spotlight):hover { + transform: translateY(-10px); + background: rgba(255, 255, 255, 0.05); + } + + /* Typography Spacing */ + .service-card h3 { + margin-bottom: 20px; + font-size: 1.4rem; + display: flex; + align-items: center; + gap: 15px; + color: var(--brand-blue); + } + + .service-card p { + color: rgba(255, 255, 255, 0.7); + margin-bottom: 25px; /* Space between description and benefits */ + line-height: 1.6; + } + +/* The inline SVG icons */ +.service-icon { + width: 28px; + height: 28px; + flex-shrink: 0; /* Prevents squishing */ +} + +/* --- Color Variances by Category --- */ + +/* 1. Software Development (Default palette) */ +.icon-dev { + fill: #48cae4; + filter: drop-shadow(0 0 5px #48cae4); +} + +.border-dev:hover { + border-color: #0096c7; + box-shadow: 0 10px 30px rgba(0, 150, 199, 0.15); +} + +.icon-dev + .benefit-arrow { + color: #0096c7; + text-shadow: 0 0 5px #0096c7; +} + +/* 2. Infrastructure (Green palette) */ +.icon-infra { + fill: #06d6a0; + filter: drop-shadow(0 0 5px #06d6a0); +} + +.border-infra:hover { + border-color: #06d6a0; + box-shadow: 0 10px 30px rgba(6, 214, 160, 0.15); +} + +/* 3. Expert (Purple palette) */ +.icon-expert { + fill: #f72585; + filter: drop-shadow(0 0 5px #f72585); +} + +.border-expert:hover { + border-color: #b5179e; + box-shadow: 0 10px 30px rgba(181, 23, 158, 0.15); +} + +/* --- Spotlight Card (Enterprise Turn-Key) --- */ +.spotlight { + border: 1px solid #ffd700; + background: linear-gradient(145deg, rgba(255, 215, 0, 0.05), rgba(0, 18, 25, 1)); +} + + .spotlight:hover { + box-shadow: 0 15px 35px rgba(255, 215, 0, 0.15); + } + + .spotlight h3 { + color: #ffd700; + } + +.icon-gold { + fill: #ffd700; + filter: drop-shadow(0 0 8px #ffd700); +} + +/* --- Refactored Bullet Point Logic --- */ +.service-benefits { + border-top: 1px solid rgba(255, 255, 255, 0.1); + padding-top: 20px; + margin-top: auto; /* Pushes list to the bottom */ + list-style: none; + padding-left: 0; +} + + .service-benefits li { + font-size: 0.9rem; + color: var(--payoff-color); + margin-bottom: 12px; + padding-left: 25px; /* Creates gutter for the absolute bullet */ + /* FIX: Set positioning context to ensure ::before stays inside the li */ + position: relative; + } + + /* Custom glowing bullet point */ + .service-benefits li::before { + content: '→'; + position: absolute; + left: 0; /* Aligns within the li gutter */ + top: 0; /* Vertically aligns with text start */ + /* These specific colors should match the card category (set via JS if needed) */ + color: var(--brand-blue); + font-weight: bold; + text-shadow: 0 0 5px var(--brand-blue); + } + +/* Specific color override for the Spotlight card bullets */ +.spotlight .service-benefits li::before { + color: #ffd700; + text-shadow: 0 0 5px #ffd700; +} diff --git a/Shop/Components/Pages/Shop.razor b/Shop/Components/Pages/Shop.razor new file mode 100644 index 0000000..81db04c --- /dev/null +++ b/Shop/Components/Pages/Shop.razor @@ -0,0 +1,7 @@ +@page "/shop" + +

Shop

+ +@code { + +} diff --git a/Shop/Components/Pages/Shop.razor.css b/Shop/Components/Pages/Shop.razor.css new file mode 100644 index 0000000..46800d1 --- /dev/null +++ b/Shop/Components/Pages/Shop.razor.css @@ -0,0 +1,2 @@ +body { +} diff --git a/Shop/Components/Pages/Terms.razor b/Shop/Components/Pages/Terms.razor new file mode 100644 index 0000000..844bbdc --- /dev/null +++ b/Shop/Components/Pages/Terms.razor @@ -0,0 +1,34 @@ +@page "/terms" + +
+
+

Terms and Conditions

+

Last Updated: May 2026

+ +

Welcome to Lite Charms. These terms govern your use of our website and services. By using our site or purchasing our services, you agree to these terms in full. All transactions and communications with Lite Charms (PTY) LTD will be conducted in English.

+ +

1. Governing Law and Statutory Compliance

+

These terms are governed by and interpreted in accordance with the laws of the Republic of South Africa. We explicitly adhere to:

+
    +
  • The Electronic Communications and Transactions Act 25 of 2002 (ECTA): Governing all electronic data, communications, and online transactions.
    • +
  • The Consumer Protection Act 68 of 2008 (CPA): Protecting your rights as a consumer in the South African marketplace.
    • +
+

Any disputes arising from these terms will be subject to the exclusive jurisdiction of the South African courts.

+ +

2. Services, Quotes, and Market Fluctuations

+

Best Effort Quotes: All quotes provided are "best effort" estimates. Prices are subject to market fluctuations and third-party provider changes. Upfront Fees: We do not hold deposits. However, certain services require a 50% upfront payment before work commences. Due correspondence will be provided for these requirements before any payment is requested.

+ +

3. Support and Service Level Agreement (SLA)

+

Standard Support: We offer a free 3-month support period starting from the date of project delivery. Response Times: For Server and Cloud builds, we maintain a 73-hour SLA during the free support period.

+

Expiration: Unless a separate, paid SLA is purchased outside of the standard offerings on this site, all support obligations expire exactly 3 months after delivery. Service Hours: Our standard operating hours are Monday to Friday, 9:00 AM to 5:00 PM. Requests made on weekends or public holidays will attract an hourly rate quoted on call.

+ +

4. Electronic Payments and Transaction Security

+

In accordance with ECTA, all payments must be made via our approved electronic channels. We take reasonable and industry-standard technical measures to secure your payment information. However, users are responsible for ensuring their own hardware and network security during transactions.

+ +

5. Refunds and Cancellations

+

Work-Based Refunds: Refunds are granted based on whether the technical work has been initiated or completed, and strictly within the parameters allowed by the Consumer Protection Act regarding professional digital services. Due to the nature of custom code and server configurations, refunds may be limited once resources are provisioned.

+ +

6. Limitation of Liability and Warranties

+

No Warranties: To the extent permitted by South African law, we provide our code and services "as is" and offer no warranties, express or implied. Usage Risks: Lite Charms (PTY) LTD cannot be held liable for any "breakages," data loss, or system downtime ensuing from the use of our code or configurations.

+
+
\ No newline at end of file diff --git a/Shop/Components/Pages/Terms.razor.css b/Shop/Components/Pages/Terms.razor.css new file mode 100644 index 0000000..d2f8d9c --- /dev/null +++ b/Shop/Components/Pages/Terms.razor.css @@ -0,0 +1,48 @@ +/* --- Terms & Conditions Styling --- */ +.terms-page { + width: 100%; + background-color: var(--bar-bg); + min-height: 100vh; + display: flex; + justify-content: center; +} + +.terms-container { + max-width: 900px; /* Limits width for readability */ + width: 90%; + padding: 60px 0; + line-height: 1.8; /* Improves readability */ + color: var(--text-white); +} + + .terms-container h1 { + font-size: 2.5rem; + color: var(--brand-blue); + margin-bottom: 10px; + } + + .terms-container .last-updated { + color: var(--payoff-color); + font-style: italic; + margin-bottom: 40px; + font-size: 0.9rem; + } + + .terms-container h3 { + color: var(--brand-blue); + font-size: 1.4rem; + margin-top: 35px; + margin-bottom: 15px; + border-bottom: 1px solid rgba(0, 150, 199, 0.2); + padding-bottom: 10px; + } + + .terms-container p { + margin-bottom: 20px; + text-align: justify; /* Optional: gives a formal look */ + word-wrap: break-word; + } + + .terms-container strong { + color: var(--payoff-color); + } diff --git a/Shop/Components/Routes.razor b/Shop/Components/Routes.razor new file mode 100644 index 0000000..105855d --- /dev/null +++ b/Shop/Components/Routes.razor @@ -0,0 +1,6 @@ + + + + + + diff --git a/Shop/Components/_Imports.razor b/Shop/Components/_Imports.razor new file mode 100644 index 0000000..187d3e1 --- /dev/null +++ b/Shop/Components/_Imports.razor @@ -0,0 +1,10 @@ +@using System.Net.Http +@using System.Net.Http.Json +@using Microsoft.AspNetCore.Components.Forms +@using Microsoft.AspNetCore.Components.Routing +@using Microsoft.AspNetCore.Components.Web +@using static Microsoft.AspNetCore.Components.Web.RenderMode +@using Microsoft.AspNetCore.Components.Web.Virtualization +@using Microsoft.JSInterop +@using Components +@using Layout diff --git a/Shop/Program.cs b/Shop/Program.cs new file mode 100644 index 0000000..72cdd09 --- /dev/null +++ b/Shop/Program.cs @@ -0,0 +1,56 @@ +using LiteCharms.Extensions; +using Shop.Components; +using static LiteCharms.Abstractions.Constants; + +var builder = WebApplication.CreateBuilder(args); + +builder.Services.AddRazorComponents() + .AddInteractiveServerComponents(); + +builder.AddMonitoring(); + +builder.Services.AddControllers(); +builder.Services.AddBlazoredToast(); +builder.Services.AddEndpointsApiExplorer(); + +builder.Services.AddMediator(); +builder.Services.AddEmailServiceBus(); +builder.Services.AddSalesServiceBus(); +builder.Services.AddGeneralServiceBus(); +builder.Services.AddEmailServices(builder.Configuration); +builder.Services.AddLeadGeneratorDatabase(builder.Configuration); +builder.Services.AddQuartzSchedulerClient(LeadGeneratorSchedulerName, LeadGeneratorSchedulerInstanceId, builder.Configuration); + +builder.Services.AddPostgresHealtchCheck(); +builder.Services.AddQuartzHealtchCheck(); +builder.Services.AddHealthChecksSupport(builder.Configuration); + +var app = builder.Build(); + +var schedulerFactory = app.Services.GetRequiredService(); +var scheduler = await schedulerFactory.GetScheduler(LeadGeneratorSchedulerName); + +if (!scheduler!.IsStarted) + await scheduler.Start(); + +if (!app.Environment.IsDevelopment()) +{ + app.UseExceptionHandler("/Error", createScopeForErrors: true); + app.UseHsts(); +} + +app.UseHealthChecks("/health", new HealthCheckOptions +{ + ResponseWriter = HealthChecks.UI.Client.UIResponseWriter.WriteHealthCheckUIResponse +}); + +app.UseStatusCodePagesWithReExecute("/not-found", createScopeForStatusCodePages: true); +app.UseHttpsRedirection(); + +app.UseAntiforgery(); + +app.MapStaticAssets(); +app.MapRazorComponents() + .AddInteractiveServerRenderMode(); + +app.Run(); \ No newline at end of file diff --git a/Shop/Properties/launchSettings.json b/Shop/Properties/launchSettings.json new file mode 100644 index 0000000..f197284 --- /dev/null +++ b/Shop/Properties/launchSettings.json @@ -0,0 +1,23 @@ +{ + "$schema": "https://json.schemastore.org/launchsettings.json", + "profiles": { + "http": { + "commandName": "Project", + "dotnetRunMessages": true, + "launchBrowser": true, + "applicationUrl": "http://localhost:5226", + "environmentVariables": { + "ASPNETCORE_ENVIRONMENT": "Development" + } + }, + "https": { + "commandName": "Project", + "dotnetRunMessages": true, + "launchBrowser": true, + "applicationUrl": "https://localhost:7007;http://localhost:5226", + "environmentVariables": { + "ASPNETCORE_ENVIRONMENT": "Development" + } + } + } + } diff --git a/Shop/Shop.csproj b/Shop/Shop.csproj new file mode 100644 index 0000000..c2df428 --- /dev/null +++ b/Shop/Shop.csproj @@ -0,0 +1,57 @@ + + + + net10.0 + enable + enable + True + ..\LiteCharms.snk + true + bcb3ab6a-28e8-45c8-a7e0-8daae750227c + + + + + + + + + + + + + + + + + + + + + + + + + + + all + runtime; build; native; contentfiles; analyzers; buildtransitive + + + + + + + + + + + + + + + + + + + diff --git a/Shop/appsettings.json b/Shop/appsettings.json new file mode 100644 index 0000000..aec5c2e --- /dev/null +++ b/Shop/appsettings.json @@ -0,0 +1,22 @@ +{ + "Email": { + "Credentials": { + "Username": "shop@litecharms.co.za" + }, + "Port": 465, + "Host": "mail.litecharms.co.za", + "UseSsl": true + }, + "Monitoring": { + "ApiKey": "", + "Address": "http://aspire-dashboard-service.aspire.svc.cluster.local:18889", + "ServiceName": "LiteCharms.LeadGenerator" + }, + "Logging": { + "LogLevel": { + "Default": "Information", + "Microsoft.AspNetCore": "Warning" + } + }, + "AllowedHosts": "*" +} diff --git a/Shop/wwwroot/app.css b/Shop/wwwroot/app.css new file mode 100644 index 0000000..62591a5 --- /dev/null +++ b/Shop/wwwroot/app.css @@ -0,0 +1,578 @@ +/* --- 1. Variables & Global Reset --- */ +:root { + --bar-bg: #001219; + --text-white: #ffffff; + --brand-blue: #0096c7; + --hover-blue: #00b4d8; + --payoff-color: #90e0ef; + --header-height: 92px; +} + +h1, .btn-calltoaction-blue, .btn-calltoaction-white, .nav-btn { + /* Prevents the glowing outline when focused */ + outline: none !important; +} + +html, body { + margin: 0; + padding: 0; + font-family: 'Poppins', sans-serif; + background-color: var(--bar-bg); + color: var(--text-white); + overflow-x: hidden; + /* FIX: Ensures the background covers the full viewport height */ + height: 100%; + display: flex; + flex-direction: column; +} + +/* --- 2. Layout: Top Bar --- */ +.top-bar { + position: fixed; + top: 0; + left: 0; + right: 0; + height: var(--header-height); + background-color: var(--bar-bg); + display: flex; + align-items: center; + justify-content: space-between; + padding: 0 4rem; + z-index: 1000; + border-bottom: 1px solid rgba(144, 224, 239, 0.15); +} + +/* --- 3. Branding & Logo --- */ +.brand { + text-decoration: none; + display: flex; + align-items: center; + height: 100%; +} + +.brand-icon, .brand-mark { + height: 70px; + width: auto; + flex-shrink: 0; + filter: drop-shadow(0 0 12px rgba(0, 180, 216, 0.5)); + transition: transform 0.3s ease; +} + +.brand:hover .brand-icon, .brand:hover .brand-mark { + transform: rotate(5deg) scale(1.05); +} + +.text-column { + display: flex; + flex-direction: column; + justify-content: center; + padding-left: 16px; + margin-left: 8px; + height: 70px; +} + +.brand-main { + font-size: 1.8rem; + font-weight: 800; + color: var(--text-white); + letter-spacing: -0.5px; + line-height: 1; +} + +.brand-accent { + color: var(--brand-blue); +} + +.payoff-line { + font-size: 0.82rem; + color: var(--payoff-color); + margin-top: 2px; + letter-spacing: 0.3px; + white-space: nowrap; +} + +/* --- 4. Navigation Links --- */ +.nav-links { + display: flex; + align-items: center; +} + +.nav-link { + color: var(--text-white); + text-decoration: none; + margin: 0 18px; + font-size: 1rem; + font-weight: 500; + position: relative; + transition: color 0.3s ease; +} + + .nav-link::after { + content: ''; + position: absolute; + width: 0; + height: 2px; + bottom: -5px; + left: 0; + background-color: var(--brand-blue); + transition: width 0.3s ease; + } + + .nav-link:hover { + color: var(--hover-blue); + } + + .nav-link:hover::after { + width: 100%; + } + +/* --- 5. Actions & Buttons --- */ +.header-actions { + display: flex; + align-items: center; +} + +.phone-number { + margin-right: 25px; + font-size: 0.95rem; + font-weight: 500; +} + +/* --- Header Actions Refinement --- */ +.contact-info { + display: flex; + align-items: center; + margin-right: 25px; +} + +.contact-item { + display: flex; + align-items: center; + font-size: 0.9rem; + font-weight: 500; + color: var(--text-white); + gap: 8px; /* Space between icon and text */ +} + +.contact-icon { + width: 16px; + height: 16px; + color: var(--brand-blue); +} + +.blue-dot { + width: 6px; + height: 6px; + background-color: var(--brand-blue); + border-radius: 50%; + margin: 0 15px; + display: inline-block; + box-shadow: 0 0 8px rgba(0, 150, 199, 0.6); +} + +.btn-login { + display: flex; + align-items: center; + gap: 10px; + background-color: var(--brand-blue); + color: white; + border: none; + padding: 10px 24px; + border-radius: 6px; + font-weight: 600; + font-size: 1rem; + cursor: pointer; + transition: all 0.3s ease; + box-shadow: 0 4px 15px rgba(0, 150, 199, 0.2); +} + +.btn-icon { + width: 18px; + height: 18px; +} + +.btn-login:hover { + background-color: var(--hover-blue); + transform: translateY(-2px); + box-shadow: 0 6px 20px rgba(0, 180, 216, 0.3); +} + +.btn-calltoaction-white { + background-color: white; + color: var(--brand-blue); + border: none; + padding: 10px 24px; + border-radius: 20px; + font-weight: 400; + font-size: 1.23rem; + cursor: pointer; + transition: all 0.3s ease; + box-shadow: 0 4px 15px rgba(0, 150, 199, 0.2); + height: 55px; +} + + .btn-calltoaction-white:hover { + background-color: lightblue; + transform: translateY(-2px); + box-shadow: 0 6px 20px rgba(0, 180, 216, 0.3); + } + +.btn-calltoaction-blue { + background-color: var(--brand-blue); + color: white; + border: none; + padding: 10px 24px; + border-radius: 20px; + font-weight: 400; + font-size: 1.23rem; + cursor: pointer; + transition: all 0.3s ease; + box-shadow: 0 4px 15px rgba(0, 150, 199, 0.2); + height: 55px; +} + + .btn-calltoaction-blue:hover { + background-color: var(--brand-blue); + transform: translateY(-2px); + box-shadow: 0 6px 20px rgba(0, 180, 216, 0.3); + } + +/* --- 6. Responsive Logic --- */ +.hamburger, .mobile-only { + display: none; +} + +@media (max-width: 1200px) { + .top-bar { + padding: 0 2rem; + } + + .phone-number { + display: none; + } +} + +@media (max-width: 991px) { + .desktop-only { + display: none !important; + } + + .mobile-only { + display: block !important; + } + + .hamburger { + display: block; + background: none; + border: none; + cursor: pointer; + z-index: 1200; + padding: 10px; + position: relative; + } + + .bar { + width: 25px; + height: 3px; + background-color: var(--text-white); + position: relative; + transition: 0.3s; + } + + .bar::before, .bar::after { + content: ''; + position: absolute; + width: 25px; + height: 3px; + background-color: var(--text-white); + transition: 0.3s; + } + + .bar::before { + top: -8px; + } + + .bar::after { + bottom: 8px; + } + + .bar.animate { + background: transparent; + } + + .bar.animate::before { + transform: translateY(8px) rotate(45deg); + } + + .bar.animate::after { + transform: translateY(-8px) rotate(-45deg); + } + + .nav-links { + flex-direction: column; + justify-content: center; + position: fixed; + top: 0; + right: -100%; + width: 100%; + height: 100vh; + background-color: var(--bar-bg); + transition: right 0.4s ease-in-out; + z-index: 1100; + visibility: hidden; + pointer-events: none; + } + + .nav-links.open { + right: 0; + visibility: visible; + pointer-events: auto; + } + + .nav-link { + font-size: 1.5rem; + margin: 1.5rem 0; + } +} + +/* --- 7. Page Structure (THE GAP FIX) --- */ +.page-wrapper { + display: flex; + flex-direction: column; + /* Flex: 1 tells the wrapper to grow and fill the body */ + flex: 1 0 auto; + padding-top: var(--header-height); + padding-bottom: 50px; + box-sizing: border-box; + background-color: var(--bar-bg); +} + +main { + /* Flex: 1 here tells the main content area to expand and push the footer to the bottom */ + flex: 1; + display: flex; + flex-direction: column; + justify-content: center; /* This will center your "Lite Charms" logo vertically in the middle */ + align-items: center; + width: 100%; +} + +/*.bottom-bar { + height: 50px; + width: 100%; + flex-shrink: 0;*/ /* Ensures footer is never squeezed */ +/*background-color: var(--bar-bg); + display: flex; + align-items: center; + justify-content: space-between; + padding: 0 4rem; + font-size: 0.75rem; + color: rgba(255, 255, 255, 0.5); + border-top: 1px solid rgba(144, 224, 239, 0.1); + box-sizing: border-box; +}*/ +.bottom-bar { + /* NEW: Sticky/Fixed Logic */ + position: fixed; + bottom: 0; + left: 0; + right: 0; + z-index: 1000; + height: 50px; + width: 100%; + background-color: var(--bar-bg); + display: flex; + align-items: center; + justify-content: space-between; + padding: 0 4rem; + font-size: 0.75rem; + color: rgba(255, 255, 255, 0.5); + /* Keep that subtle border but move it to the top since it's at the bottom of the screen */ + border-top: 1px solid rgba(144, 224, 239, 0.1); + box-sizing: border-box; +} + +/* Ensure this exists in your CSS file */ +@media (max-width: 991px) { + .nav-links.open { + right: 0 !important; + visibility: visible !important; + pointer-events: auto !important; + } +} + +.footer-link { + color: rgba(255, 255, 255, 0.5); + text-decoration: none; + transition: color 0.3s ease; +} + + .footer-link:hover { + color: var(--brand-blue); + } + +/* --- 8. Highlights Section --- */ +.highlights-container { + display: flex; + justify-content: center; + gap: 40px; + margin-top: 60px; + width: 100%; + max-width: 1100px; + padding: 0 20px; +} + +.highlight-item { + flex: 1; + display: flex; + flex-direction: column; + align-items: center; + text-align: center; + padding: 20px; + transition: transform 0.3s ease; +} + + .highlight-item:hover { + transform: translateY(-5px); + } + +.highlight-icon { + font-size: 2.5rem; + margin-bottom: 15px; + display: flex; + align-items: center; + justify-content: center; + /* Using your brand blue for consistency */ + color: var(--brand-blue); +} + +/* Specific colors for icons to match your reference image */ +.icon-blue { + color: #4dabff; +} + +.icon-green { + color: #4ade80; +} + +.icon-gold { + color: #fbbf24; +} + +.highlight-title { + font-size: 1.2rem; + font-weight: 700; + margin-bottom: 8px; + color: var(--text-white); +} + +.highlight-desc { + font-size: 0.9rem; + color: rgba(255, 255, 255, 0.7); + line-height: 1.4; +} + +/* Responsive fix for mobile */ +@media (max-width: 768px) { + .highlights-container { + flex-direction: column; + gap: 30px; + } +} + +/* --- Custom Scrollbar Branding --- */ + +/* 1. The width of the entire scrollbar */ +::-webkit-scrollbar { + width: 8px; /* Thin profile */ + height: 8px; /* Horizontal scrollbar height */ +} + +/* 2. The track (background) of the scrollbar */ +::-webkit-scrollbar-track { + background: var(--bar-bg); + border-left: 1px solid rgba(144, 224, 239, 0.05); +} + +/* 3. The draggable thumb */ +::-webkit-scrollbar-thumb { + background: var(--brand-blue); + border-radius: 10px; /* Rounded edges for a modern look */ + border: 2px solid var(--bar-bg); /* Creates a "padding" effect around the thumb */ +} + + /* 4. Thumb hover state */ + ::-webkit-scrollbar-thumb:hover { + background: var(--hover-blue); + } + +/* Firefox Support (Standard property) */ +* { + scrollbar-width: thin; + scrollbar-color: var(--brand-blue) var(--bar-bg); +} + +/* --- Cookie Consent Banner --- */ +.cookie-banner { + position: fixed; + bottom: 80px; /* Sits just above your sticky footer */ + right: 20px; + width: 380px; + background-color: var(--bar-bg); + border: 1px solid rgba(144, 224, 239, 0.2); + border-radius: 12px; + padding: 20px; + z-index: 2000; + box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5); + display: none; /* Controlled by Blazor logic */ +} + + .cookie-banner.show { + display: block; + animation: slideUp 0.4s ease-out; + } + +@keyframes slideUp { + from { + transform: translateY(20px); + opacity: 0; + } + + to { + transform: translateY(0); + opacity: 1; + } +} + +.cookie-text { + font-size: 0.85rem; + color: rgba(255, 255, 255, 0.8); + margin-bottom: 15px; + line-height: 1.5; +} + +.cookie-actions { + display: flex; + gap: 10px; +} + +.btn-cookie-accept { + flex: 1; + background-color: var(--brand-blue); + color: white; + border: none; + padding: 8px; + border-radius: 6px; + font-weight: 600; + cursor: pointer; +} + +.btn-cookie-reject { + flex: 1; + background: transparent; + color: var(--text-white); + border: 1px solid rgba(255, 255, 255, 0.2); + padding: 8px; + border-radius: 6px; + cursor: pointer; +} diff --git a/Shop/wwwroot/favicon.png b/Shop/wwwroot/favicon.png new file mode 100644 index 0000000..8422b59 Binary files /dev/null and b/Shop/wwwroot/favicon.png differ diff --git a/icon.png b/icon.png new file mode 100644 index 0000000..9c3f829 Binary files /dev/null and b/icon.png differ diff --git a/litecharms-shop-uat.yml b/litecharms-shop-uat.yml new file mode 100644 index 0000000..a00ddc4 --- /dev/null +++ b/litecharms-shop-uat.yml @@ -0,0 +1,195 @@ +--- +apiVersion: v1 +kind: Namespace +metadata: + name: litecharms-shop-uat +--- +apiVersion: v1 +kind: ConfigMap +metadata: + name: shop-config + namespace: litecharms-shop-uat +data: + ASPNETCORE_ENVIRONMENT: "Development" + ASPNETCORE_URLS: "http://0.0.0.0:8080" + Monitoring__Address: "http://aspire-dashboard-service.aspire.svc.cluster.local:18889" + Monitoring__ServiceName: "LiteCharms.LeadGenerator.Uat" + Email__Credentials__Username: "shop@litecharms.co.za" + Email__Host: "mail.litecharms.co.za" + Email__Port: "465" + Email__UseSsl: "true" +--- +apiVersion: v1 +kind: Secret +metadata: + name: shop-secrets + namespace: litecharms-shop-uat +type: Opaque +data: + connection-string: SG9zdD0xOTIuMTY4LjEuMTcwO0RhdGFiYXNlPWxlYWRnZW5lcmF0b3ItZGV2O1VzZXJuYW1lPWxlYWRnZW5lcmF0b3I7UGFzc3dvcmQ9S2VLNDRsczRQWHBuYms7UGVyc2lzdCBTZWN1cml0eSBJbmZvPVRydWU= + discord-webhook: aHR0cHM6Ly9kaXNjb3JkLmNvbS9hcGkvd2ViaG9va3MvMTUwMDIzMzEyOTYwNzAzNjk3MC9KYzc5endwMjlxYWpLbmoyYkR3cm5GR0RJci11ZGIyV2JIUDZTYjdpT0hCTWpQSUY3Vkw5eUVHTkJUSXpSOVVWVzI0bQ== + aspire-apikey: bWMzRzYzSzJqNVpPRXNpMEFqTW9qTFRYbTFLRVpGY3R6SUlqU3dEaVRHdXQ4cUdTa1B1V3d4R1AxUmJzY0pVbw== + email-password: JFpTLWVJQGlYbTVNUCRhfg== + quartz-store: SG9zdD0xOTIuMTY4LjEuMTcwO0RhdGFiYXNlPXNjaGVkdWxlci1kZXY7VXNlcm5hbWU9c2NoZWR1bGVyLWRldi11c2VyO1Bhc3N3b3JkPWtWVm1vV0tKM3h6Z1FYO1BlcnNpc3QgU2VjdXJpdHkgSW5mbz1UcnVl +--- +apiVersion: v1 +kind: PersistentVolumeClaim +metadata: + name: shop-data-pvc + namespace: litecharms-shop-uat +spec: + accessModes: ["ReadWriteMany"] + storageClassName: nfs-storage + resources: + requests: + storage: 2Gi +--- +apiVersion: apps/v1 +kind: Deployment +metadata: + name: litecharms-leadgenerator + namespace: litecharms-shop-uat +spec: + replicas: 1 + selector: + matchLabels: + app: leadgenerator + template: + metadata: + labels: + app: leadgenerator + spec: + affinity: + nodeAffinity: + requiredDuringSchedulingIgnoredDuringExecution: + nodeSelectorTerms: + - matchExpressions: + - key: node-role.kubernetes.io/control-plane + operator: DoesNotExist + containers: + - name: leadgenerator + image: nexus.khongisa.co.za/litecharms-leadgenerator:latest + resources: + limits: + memory: "512Mi" + cpu: "500m" + requests: + memory: "256Mi" + cpu: "100m" + ports: + - containerPort: 8080 + envFrom: + - configMapRef: + name: shop-config + env: + - name: Email__Credentials__Username + valueFrom: + configMapKeyRef: + name: shop-config + key: Email__Credentials__Username + - name: Email__Credentials__Password + valueFrom: + secretKeyRef: + name: shop-secrets + key: email-password + - name: Email__Host + valueFrom: + configMapKeyRef: + name: shop-config + key: Email__Host + - name: Email__Port + valueFrom: + configMapKeyRef: + name: shop-config + key: Email__Port + - name: Email__UseSsl + valueFrom: + configMapKeyRef: + name: shop-config + key: Email__UseSsl + - name: ConnectionStrings__PostgresScheduler + valueFrom: + secretKeyRef: + name: shop-secrets + key: quartz-store + - name: ConnectionStrings__PostgresLeadGenerator + valueFrom: + secretKeyRef: + name: shop-secrets + key: connection-string + - name: ConnectionStrings__DiscordLeadGenerator + valueFrom: + secretKeyRef: + name: shop-secrets + key: discord-webhook + - name: Monitoring__Address + valueFrom: + configMapKeyRef: + name: shop-config + key: Monitoring__Address + - name: Monitoring__ServiceName + valueFrom: + configMapKeyRef: + name: shop-config + key: Monitoring__ServiceName + - name: Monitoring__ApiKey + valueFrom: + secretKeyRef: + name: shop-secrets + key: aspire-apikey + volumeMounts: + - name: data + mountPath: /app/wwwroot/content + resources: + livenessProbe: + httpGet: + path: /health + port: 8080 + initialDelaySeconds: 5 + periodSeconds: 10 + readinessProbe: + httpGet: + path: /health + port: 8080 + initialDelaySeconds: 3 + periodSeconds: 5 + volumes: + - name: data + persistentVolumeClaim: + claimName: shop-data-pvc +--- +apiVersion: v1 +kind: Service +metadata: + name: leadgenerator-service + namespace: litecharms-shop-uat +spec: + type: ClusterIP + selector: + app: leadgenerator + ports: + - name: http + protocol: TCP + port: 80 + targetPort: 8080 +--- +apiVersion: traefik.io/v1alpha1 +kind: IngressRoute +metadata: + name: shop-web-secure + namespace: litecharms-shop-uat +spec: + entryPoints: + - websecure + routes: + - match: Host(`shop.uat.khongisa.co.za`) + kind: Rule + services: + - name: leadgenerator-service + port: 80 + sticky: + cookie: + name: "lp-sticky-session" + httpOnly: true + secure: true + tls: {} \ No newline at end of file diff --git a/nuget.config b/nuget.config new file mode 100644 index 0000000..9369e8a --- /dev/null +++ b/nuget.config @@ -0,0 +1,13 @@ + + + + + + + + + + + + + \ No newline at end of file