diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..d7b8f91 --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1,134 @@ + +:root { + --primary-color: #4F46E5; + --secondary-color: #10B981; + --background-color: #F9FAFB; + --surface-color: #FFFFFF; + --text-headings: #111827; + --text-body: #374151; +} + +body { + font-family: 'Inter', sans-serif; + background-color: var(--background-color); + color: var(--text-body); +} + +h1, h2, h3, h4, h5, h6 { + font-family: 'Poppins', sans-serif; + color: var(--text-headings); + font-weight: 600; +} + +.navbar { + transition: background-color 0.3s ease-in-out; +} + +.navbar-brand { + font-weight: 700; + font-family: 'Poppins', sans-serif; +} + +.hero { + color: white; + padding: 10rem 0; + background: linear-gradient(45deg, rgba(79, 70, 229, 0.9), rgba(16, 185, 129, 0.9)); +} + +.hero h1 { + font-size: 3.5rem; + font-weight: 700; + color: white; +} + +.hero .lead { + font-size: 1.25rem; + color: rgba(255, 255, 255, 0.9); +} + +.btn-primary { + background-color: var(--primary-color); + border-color: var(--primary-color); + padding: 0.75rem 1.5rem; + border-radius: 0.5rem; + font-weight: 600; + transition: background-color 0.2s; +} + +.btn-primary:hover { + background-color: #4338CA; + border-color: #4338CA; +} + +.btn-secondary { + background-color: var(--secondary-color); + border-color: var(--secondary-color); + padding: 0.75rem 1.5rem; + border-radius: 0.5rem; + font-weight: 600; + color: white; + transition: background-color 0.2s; +} + +.btn-secondary:hover { + background-color: #059669; + border-color: #059669; + color: white; +} + +.section { + padding: 6rem 0; +} + +.feature-card { + background-color: var(--surface-color); + border: none; + border-radius: 0.75rem; + padding: 2rem; + text-align: center; + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + transition: transform 0.2s; +} + +.feature-card:hover { + transform: translateY(-5px); +} + +.feature-icon { + width: 64px; + height: 64px; + margin-bottom: 1.5rem; + display: inline-flex; + align-items: center; + justify-content: center; + border-radius: 50%; + background-color: var(--primary-color); + color: white; +} + +.pricing-card { + border: 1px solid #e5e7eb; + border-radius: 0.75rem; + transition: box-shadow 0.3s; +} +.pricing-card:hover { + box-shadow: 0 20px 25px -5px rgba(0,0,0,.1), 0 10px 10px -5px rgba(0,0,0,.04); +} + +.pricing-card .card-header { + border-bottom: 1px solid #e5e7eb; +} + +.footer { + background-color: #111827; + color: #9CA3AF; +} + +.footer a { + color: #9CA3AF; + text-decoration: none; +} + +.footer a:hover { + color: var(--secondary-color); +} diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..a8c899c --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1,10 @@ + +// Smooth scrolling for anchor links +document.querySelectorAll('a[href^="#"]').forEach(anchor => { + anchor.addEventListener('click', function (e) { + e.preventDefault(); + document.querySelector(this.getAttribute('href')).scrollIntoView({ + behavior: 'smooth' + }); + }); +}); diff --git a/index.php b/index.php index 7205f3d..b72b964 100644 --- a/index.php +++ b/index.php @@ -1,150 +1,187 @@ - - + - - - New Style - - - - - - - - - - - - - - - - - - - + + + Veritune - Copyright Your Music + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + -
-
-

Analyzing your requirements and generating your website…

-
- Loading… -
-

AI is collecting your requirements and applying the first changes.

-

This page will update automatically as the plan is implemented.

-

Runtime: PHP — UTC

-
-
- + + + + + +
+
+

Copyright Your Music, Instantly.

+

Veritune provides 20 free song copyright certificates a day on our free plan.
Secure your work and get peace of mind.

+ Get Started for Free +
+
+ + +
+
+
+
+

Everything You Need to Protect Your Art

+

From instant certificates to commercial usage rights, we've got you covered.

+
+
+
+
+
+
+ +
+

Instant Certificates

+

Upload your song and receive a copyright certificate ID in seconds. It's that simple.

+
+
+
+
+
+ +
+

Commercial Use Included

+

All our plans, including the free tier, allow you to use your copyrighted songs for commercial purposes.

+
+
+
+
+
+ +
+

Secure Upload & Download

+

Easily upload your audio files and download official PDF certificates directly to your device.

+
+
+
+
+
+ + +
+
+
+
+

Simple, Transparent Pricing

+

Choose a plan that works for you. Cancel anytime.

+
+
+
+ +
+
+
+

Free

+

$0/mo

+
+
+
    +
  • 20 Certificates / Day
    • +
  • Commercial Use License
    • +
  • Unlimited Certificates
    • +
+
+
+ Get Started +
+
+
+ +
+
+
+

Pro

+

$19/mo

+
+
+
    +
  • Unlimited Certificates
    • +
  • Commercial Use License
    • +
  • Priority Support
    • +
+
+
+ Choose Pro +
+
+
+
+
+
+ + + + + + + + - + \ No newline at end of file diff --git a/manifest.json b/manifest.json new file mode 100644 index 0000000..e0d50cd --- /dev/null +++ b/manifest.json @@ -0,0 +1,20 @@ +{ + "short_name": "Veritune", + "name": "Veritune: Copyright Your Music", + "icons": [ + { + "src": "assets/icons/icon-192x192.png", + "type": "image/png", + "sizes": "192x192" + }, + { + "src": "assets/icons/icon-512x512.png", + "type": "image/png", + "sizes": "512x512" + } + ], + "start_url": "/index.php", + "display": "standalone", + "theme_color": "#4F46E5", + "background_color": "#F9FAFB" +}