From 7ab0fb2e15a65c14710d56f587adbde1bf0eac20 Mon Sep 17 00:00:00 2001 From: Cursor Agent Date: Tue, 22 Jul 2025 07:01:33 +0000 Subject: [PATCH 1/6] Add ultra-budget LFIT plan with $0.99 pricing and updated features Co-authored-by: lucaswan348 --- README.md | 6 +++--- TECHNICAL.md | 1 + index.html | 31 +++++++++++++++++++++++++++++++ styles.css | 45 +++++++++++++++++++++++++++++++++++++++++++-- 4 files changed, 78 insertions(+), 5 deletions(-) diff --git a/README.md b/README.md index e7ab9fe..4826dbf 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ # C+N Hosting Website -A modern, pay-as-you-go web hosting website featuring affordable plans starting at $2/month. Built for gamers, small projects, and anyone who needs simple, reliable hosting without enterprise pricing. +A modern, pay-as-you-go web hosting website featuring affordable plans starting at just $0.99/month. Built for gamers, small projects, and anyone who needs simple, reliable hosting without enterprise pricing. ## 🎨 Design Features @@ -51,8 +51,8 @@ cn-hosting-website/ 1. **Hero Section**: Eye-catching introduction with animated server icons and "Pay As You Go" messaging 2. **Who We Are For**: Targeted audience section highlighting gamers, small projects, and backup storage needs -3. **Services**: Three simple plans (Starter, Growing, Pro) with clear feature lists -4. **Pricing**: Three transparent pricing tiers ($2, $5, $10 per month) with no hidden fees +3. **Services**: Four simple plans (LFIT, Starter, Growing, Pro) with clear feature lists +4. **Pricing**: Four transparent pricing tiers ($0.99, $2, $5, $10 per month) with no hidden fees 5. **Contact**: Smart contact form with plan selection auto-fill and Discord/email support 6. **Disclaimer**: Honest transparency about being a small operation 7. **Footer**: Quick links, support options, and social connections diff --git a/TECHNICAL.md b/TECHNICAL.md index 4f991bf..3f63272 100644 --- a/TECHNICAL.md +++ b/TECHNICAL.md @@ -29,6 +29,7 @@ This is a single-page application (SPA) built with vanilla HTML, CSS, and JavaSc ### 1. Email Auto-fill System Triggered when pricing plan buttons are clicked. Auto-fills contact form with: - Plan name and price in subject +- Works for all 4 plans: LFIT ($0.99), Starter ($2), Growing ($5), and Pro ($10) - Smart field focusing - Email persistence with localStorage - Visual feedback animations diff --git a/index.html b/index.html index b621260..2852323 100644 --- a/index.html +++ b/index.html @@ -94,6 +94,18 @@

Backup Storage

Simple Plans

+
+
+ +
+

LFIT

+

Ultra budget? Let's figure it out together. All features, flexible approach.

+
    +
  • 1GB storage
    • +
  • Basic SSL
    • +
  • Community support
    • +
+
@@ -138,6 +150,25 @@

Pro

What You Pay

+
+
+

LFIT

+

Let's Figure It Out

+
+ $ + 0.99 + /month +
+
+
    +
  • 1GB Storage
    • +
  • Basic SSL
    • +
  • 1 Email Account
    • +
  • Community Support
    • +
  • 99% Uptime
    • +
+ Choose Plan +

Starter

diff --git a/styles.css b/styles.css index 82dc3f4..cc2c5be 100644 --- a/styles.css +++ b/styles.css @@ -463,7 +463,7 @@ section { .services-grid { display: grid; - grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); + grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem; } @@ -551,6 +551,19 @@ section { color: #00ffff; } +.service-card.budget-service { + border-color: #4CAF50; +} + +.service-card.budget-service:hover { + border-color: #4CAF50; + box-shadow: 0 0 20px rgba(76, 175, 80, 0.2); +} + +.service-card.budget-service .service-icon { + color: #4CAF50; +} + /* Who We Are For Section */ .who-we-are-for { padding: 6rem 0; @@ -684,7 +697,7 @@ section { .pricing-grid { display: grid; - grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); + grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem; } @@ -730,6 +743,34 @@ section { box-shadow: 0 0 30px rgba(255, 182, 193, 0.2); } +.pricing-card.budget { + border-color: #4CAF50; + position: relative; +} + +.pricing-card.budget::after { + content: 'Ultra Budget'; + position: absolute; + top: -10px; + right: 20px; + background: #4CAF50; + color: #000; + padding: 4px 12px; + border-radius: 15px; + font-size: 0.75rem; + font-weight: 600; + text-transform: uppercase; +} + +.pricing-card.budget:hover { + border-color: #4CAF50; + box-shadow: 0 0 20px rgba(76, 175, 80, 0.2); +} + +.pricing-card.budget .amount { + font-size: 2.5rem; +} + .pricing-header h3 { font-size: 1.5rem; margin-bottom: 1rem; From 73cef6e9b37eaca71eff656c97689cb81ff08b39 Mon Sep 17 00:00:00 2001 From: Cursor Agent Date: Tue, 22 Jul 2025 07:08:50 +0000 Subject: [PATCH 2/6] Update LFIT plan to focus on bots/scripts with lower pricing Co-authored-by: lucaswan348 --- README.md | 4 ++-- TECHNICAL.md | 2 +- index.html | 16 ++++++++-------- styles.css | 2 +- 4 files changed, 12 insertions(+), 12 deletions(-) diff --git a/README.md b/README.md index 4826dbf..db8c53e 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ # C+N Hosting Website -A modern, pay-as-you-go web hosting website featuring affordable plans starting at just $0.99/month. Built for gamers, small projects, and anyone who needs simple, reliable hosting without enterprise pricing. +A modern, pay-as-you-go web hosting website featuring affordable plans starting at just $0.50/month. Built for gamers, small projects, Discord bots, and anyone who needs simple, reliable hosting without enterprise pricing. ## 🎨 Design Features @@ -52,7 +52,7 @@ cn-hosting-website/ 1. **Hero Section**: Eye-catching introduction with animated server icons and "Pay As You Go" messaging 2. **Who We Are For**: Targeted audience section highlighting gamers, small projects, and backup storage needs 3. **Services**: Four simple plans (LFIT, Starter, Growing, Pro) with clear feature lists -4. **Pricing**: Four transparent pricing tiers ($0.99, $2, $5, $10 per month) with no hidden fees +4. **Pricing**: Four transparent pricing tiers ($0.50, $2, $5, $10 per month) with no hidden fees 5. **Contact**: Smart contact form with plan selection auto-fill and Discord/email support 6. **Disclaimer**: Honest transparency about being a small operation 7. **Footer**: Quick links, support options, and social connections diff --git a/TECHNICAL.md b/TECHNICAL.md index 3f63272..737ae92 100644 --- a/TECHNICAL.md +++ b/TECHNICAL.md @@ -29,7 +29,7 @@ This is a single-page application (SPA) built with vanilla HTML, CSS, and JavaSc ### 1. Email Auto-fill System Triggered when pricing plan buttons are clicked. Auto-fills contact form with: - Plan name and price in subject -- Works for all 4 plans: LFIT ($0.99), Starter ($2), Growing ($5), and Pro ($10) +- Works for all 4 plans: LFIT ($0.50 - ultralight hosting for bots/scripts), Starter ($2), Growing ($5), and Pro ($10) - Smart field focusing - Email persistence with localStorage - Visual feedback animations diff --git a/index.html b/index.html index 2852323..7ff84ff 100644 --- a/index.html +++ b/index.html @@ -99,11 +99,11 @@

Simple Plans

LFIT

-

Ultra budget? Let's figure it out together. All features, flexible approach.

+

Ultralight hosting for Discord bots, simple scripts, and lightweight web apps.

    +
  • Perfect for bots & scripts
  • 1GB storage
    • -
  • Basic SSL
    • -
  • Community support
    • +
  • Always-on hosting
@@ -153,19 +153,19 @@

What You Pay

LFIT

-

Let's Figure It Out

+

Ultralight Hosting

$ - 0.99 + 0.50 /month
    +
  • Discord Bot Hosting
  • 1GB Storage
  • Basic SSL
    • -
  • 1 Email Account
    • -
  • Community Support
    • -
  • 99% Uptime
    • +
  • Script Hosting
    • +
  • 24/7 Uptime
Choose Plan
diff --git a/styles.css b/styles.css index cc2c5be..2b9b5cc 100644 --- a/styles.css +++ b/styles.css @@ -749,7 +749,7 @@ section { } .pricing-card.budget::after { - content: 'Ultra Budget'; + content: 'Ultralight'; position: absolute; top: -10px; right: 20px; From 68c1f1ebbb86ac2d1e2f4047fd20b55469f57a8b Mon Sep 17 00:00:00 2001 From: Cursor Agent Date: Tue, 22 Jul 2025 07:11:45 +0000 Subject: [PATCH 3/6] Update uptime disclaimer and add footnote to pricing section Co-authored-by: lucaswan348 --- README.md | 2 +- index.html | 4 +++- 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index db8c53e..91107b2 100644 --- a/README.md +++ b/README.md @@ -54,7 +54,7 @@ cn-hosting-website/ 3. **Services**: Four simple plans (LFIT, Starter, Growing, Pro) with clear feature lists 4. **Pricing**: Four transparent pricing tiers ($0.50, $2, $5, $10 per month) with no hidden fees 5. **Contact**: Smart contact form with plan selection auto-fill and Discord/email support -6. **Disclaimer**: Honest transparency about being a small operation +6. **Disclaimer**: Honest transparency about being a small operation, including uptime limitations 7. **Footer**: Quick links, support options, and social connections ## 🎨 Customization diff --git a/index.html b/index.html index 7ff84ff..50c2754 100644 --- a/index.html +++ b/index.html @@ -165,7 +165,7 @@

LFIT

  • 1GB Storage
  • Basic SSL
  • Script Hosting
    • -
  • 24/7 Uptime
    • +
  • 24/7 Uptime*
    • Choose Plan
    @@ -224,6 +224,7 @@

    Pro

    Choose Plan
    +

    *See disclaimer below for uptime details

    @@ -279,6 +280,7 @@

    Chat With Us

    ⚠️ Heads Up

    We're a small operation trying to help people get online without breaking the bank.

    This site was created with AI - we're just doing our best to keep things simple and affordable.

    +

    *Services may not be online 24/7 and sudden power loss may occur. We're working from home and doing our best!

    From c12aa3846db10fbdfd75c240a0143b89b2e37664 Mon Sep 17 00:00:00 2001 From: Cursor Agent Date: Tue, 22 Jul 2025 07:58:38 +0000 Subject: [PATCH 4/6] Update target audience and pricing details for developer focus Co-authored-by: lucaswan348 --- README.md | 4 ++-- index.html | 14 +++++++------- 2 files changed, 9 insertions(+), 9 deletions(-) diff --git a/README.md b/README.md index 91107b2..b8533a1 100644 --- a/README.md +++ b/README.md @@ -50,7 +50,7 @@ cn-hosting-website/ ## 🎯 Website Sections 1. **Hero Section**: Eye-catching introduction with animated server icons and "Pay As You Go" messaging -2. **Who We Are For**: Targeted audience section highlighting gamers, small projects, and backup storage needs +2. **Who We Are For**: Targeted audience section highlighting gamers, small projects, and developers 3. **Services**: Four simple plans (LFIT, Starter, Growing, Pro) with clear feature lists 4. **Pricing**: Four transparent pricing tiers ($0.50, $2, $5, $10 per month) with no hidden fees 5. **Contact**: Smart contact form with plan selection auto-fill and Discord/email support @@ -136,7 +136,7 @@ When users click on a pricing plan's "Choose Plan" button: The website specifically caters to: - **Gamers** needing affordable game servers - **Small Projects** requiring simple hosting without complexity -- **Backup Storage** users wanting reliable, cheap storage +- **Developers** needing testing environments or portfolio hosting ### Pricing Philosophy - No contracts diff --git a/index.html b/index.html index 50c2754..f16de41 100644 --- a/index.html +++ b/index.html @@ -75,10 +75,10 @@

    Small Projects

    - +
    -

    Backup Storage

    -

    Just need a little space to back up your important files? Simple, reliable storage without the enterprise price tag.

    +

    Developers

    +

    Need a place to test your apps or host your portfolio? Simple hosting without the complexity.

    @@ -139,7 +139,7 @@

    Pro

    • 50GB storage
    • Priority support
      • -
    • Daily backups
      • +
    • Advanced features
    @@ -183,7 +183,7 @@

    Starter

  • Basic SSL
  • 1 Email Account
  • Email Support
    • -
  • 99% Uptime
    • +
  • 99% Uptime*
    • Choose Plan @@ -201,7 +201,7 @@

    Growing

  • Free SSL
  • 5 Email Accounts
  • Chat Support
    • -
  • 99.5% Uptime
    • +
  • 99.5% Uptime*
    • Choose Plan @@ -219,7 +219,7 @@

    Pro

  • Free SSL
  • 10 Email Accounts
  • Priority Support
    • -
  • Daily Backups
    • +
  • 99.9% Uptime*
    • Choose Plan From 6dda9ea4b32e684db64052f3ff75a64d4ff82356 Mon Sep 17 00:00:00 2001 From: Cursor Agent Date: Tue, 22 Jul 2025 08:08:48 +0000 Subject: [PATCH 5/6] Simplify design, remove animations, update pricing and uptime messaging Co-authored-by: lucaswan348 --- README.md | 2 +- index.html | 23 +++++------------------ styles.css | 37 +++++++++++++++++++------------------ 3 files changed, 25 insertions(+), 37 deletions(-) diff --git a/README.md b/README.md index b8533a1..4df96f7 100644 --- a/README.md +++ b/README.md @@ -49,7 +49,7 @@ cn-hosting-website/ ## 🎯 Website Sections -1. **Hero Section**: Eye-catching introduction with animated server icons and "Pay As You Go" messaging +1. **Hero Section**: Eye-catching introduction with "Pay As You Go" messaging 2. **Who We Are For**: Targeted audience section highlighting gamers, small projects, and developers 3. **Services**: Four simple plans (LFIT, Starter, Growing, Pro) with clear feature lists 4. **Pricing**: Four transparent pricing tiers ($0.50, $2, $5, $10 per month) with no hidden fees diff --git a/index.html b/index.html index f16de41..f9c2bbe 100644 --- a/index.html +++ b/index.html @@ -27,26 +27,13 @@

    Only pay for what you use. No contracts, no surprises. - Start at $2/month and scale when you need to. + Start at $0.50/month and scale when you need to.

    Get Started Learn More
    -
    -
    -
    - -
    -
    - -
    -
    - -
    -
    -
    @@ -183,7 +170,7 @@

    Starter

  • Basic SSL
  • 1 Email Account
  • Email Support
    • -
  • 99% Uptime*
    • +
  • 24/7 Uptime*
    • Choose Plan @@ -201,7 +188,7 @@

    Growing

  • Free SSL
  • 5 Email Accounts
  • Chat Support
    • -
  • 99.5% Uptime*
    • +
  • 24/7 Uptime*
    • Choose Plan @@ -219,7 +206,7 @@

    Pro

  • Free SSL
  • 10 Email Accounts
  • Priority Support
    • -
  • 99.9% Uptime*
    • +
  • 24/7 Uptime*
    • Choose Plan @@ -280,7 +267,7 @@

    Chat With Us

    ⚠️ Heads Up

    We're a small operation trying to help people get online without breaking the bank.

    This site was created with AI - we're just doing our best to keep things simple and affordable.

    -

    *Services may not be online 24/7 and sudden power loss may occur. We're working from home and doing our best!

    +

    *24/7 is best case scenario, we are a duo trying to provide low cost hosting so issues may occur

    diff --git a/styles.css b/styles.css index 2b9b5cc..0b4f8c4 100644 --- a/styles.css +++ b/styles.css @@ -3,6 +3,7 @@ margin: 0; padding: 0; box-sizing: border-box; + -webkit-tap-highlight-color: transparent; } :root { @@ -491,12 +492,12 @@ section { } .service-card:hover::before { - transform: scaleX(1); + transform: scaleX(0); } .service-card:hover { - border-color: #FF8C00; - box-shadow: 0 0 30px rgba(255, 140, 0, 0.1); + border-color: #333; + box-shadow: none; } .service-icon { @@ -512,8 +513,8 @@ section { } .service-card:hover .service-icon { - transform: scale(1.1); - box-shadow: 0 0 20px rgba(255, 140, 0, 0.3); + transform: none; + box-shadow: none; } .service-icon i { @@ -557,7 +558,7 @@ section { .service-card.budget-service:hover { border-color: #4CAF50; - box-shadow: 0 0 20px rgba(76, 175, 80, 0.2); + box-shadow: none; } .service-card.budget-service .service-icon { @@ -629,13 +630,13 @@ section { } .target-audience-item:hover::before { - left: 100%; + left: -100%; } .target-audience-item:hover { - transform: translateY(-5px); - border-color: rgba(255, 140, 0, 0.4); - box-shadow: 0 10px 30px rgba(255, 140, 0, 0.2); + transform: none; + border-color: #333; + box-shadow: none; } .target-icon { @@ -651,8 +652,8 @@ section { } .target-audience-item:hover .target-icon { - transform: scale(1.1); - box-shadow: 0 0 20px rgba(255, 140, 0, 0.4); + transform: none; + box-shadow: none; } .target-icon i { @@ -725,7 +726,7 @@ section { } .pricing-card:hover::before { - transform: scaleX(1); + transform: scaleX(0); } .pricing-card.featured { @@ -734,13 +735,13 @@ section { } .pricing-card:hover { - border-color: #FF8C00; - box-shadow: 0 0 30px rgba(255, 140, 0, 0.1); + border-color: #333; + box-shadow: none; } .pricing-card.featured:hover { - border-color: #FFB6C1; - box-shadow: 0 0 30px rgba(255, 182, 193, 0.2); + border-color: #FF8C00; + box-shadow: none; } .pricing-card.budget { @@ -764,7 +765,7 @@ section { .pricing-card.budget:hover { border-color: #4CAF50; - box-shadow: 0 0 20px rgba(76, 175, 80, 0.2); + box-shadow: none; } .pricing-card.budget .amount { From 61aa36d3612c301ff56aeeaba8a888992f58259e Mon Sep 17 00:00:00 2001 From: Cursor Agent Date: Tue, 22 Jul 2025 09:35:08 +0000 Subject: [PATCH 6/6] Add green color to budget service card icon Co-authored-by: lucaswan348 --- styles.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/styles.css b/styles.css index 0b4f8c4..b7a6850 100644 --- a/styles.css +++ b/styles.css @@ -1134,4 +1134,7 @@ section { .pricing-card .btn:active { transform: scale(0.95); transition: transform 0.1s ease; -} \ No newline at end of file +} +.service-card.budget-service .service-icon i { + color: #4CAF50; +}