diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..83cf452 --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1,70 @@ + +:root { + --primary-color: #4A90E2; + --secondary-color: #50E3C2; + --background-color: #F8F9FA; + --surface-color: #FFFFFF; + --text-color: #212529; + --primary-gradient: linear-gradient(45deg, var(--primary-color), var(--secondary-color)); +} + +body { + font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + background-color: var(--background-color); + color: var(--text-color); + padding-top: 70px; +} + +.navbar-brand { + font-weight: bold; +} + +.hero { + background: var(--primary-gradient); + color: white; + padding: 6rem 0; +} + +.hero h1 { + font-weight: 700; + font-size: 3.5rem; +} + +.btn-primary { + background-color: var(--primary-color); + border-color: var(--primary-color); +} + +.btn-secondary { + background-color: var(--secondary-color); + border-color: var(--secondary-color); +} + +.section { + padding: 5rem 0; +} + +.card { + border: none; + border-radius: 0.75rem; + box-shadow: 0 8px 24px rgba(0,0,0,0.05); + transition: transform 0.2s ease-in-out; +} + +.card:hover { + transform: translateY(-5px); +} + + + +.store-badge { + display: inline-block; + height: 50px; +} + +.avatar { + width: 96px; + height: 96px; + border-radius: 50%; + object-fit: cover; +} diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..9edd763 --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1,31 @@ +document.addEventListener('DOMContentLoaded', function () { + + + // Smooth scroll for anchor links + document.querySelectorAll('a[href^="#"]').forEach(anchor => { + anchor.addEventListener('click', function (e) { + e.preventDefault(); + document.querySelector(this.getAttribute('href')).scrollIntoView({ + behavior: 'smooth' + }); + }); + }); + + // Basic form validation + const newsletterForm = document.querySelector('#newsletterForm'); + if(newsletterForm) { + newsletterForm.addEventListener('submit', function(e) { + const emailInput = document.querySelector('#email'); + if (!validateEmail(emailInput.value)) { + e.preventDefault(); + alert('Please enter a valid email address.'); + emailInput.focus(); + } + }); + } + + function validateEmail(email) { + const re = /^(([^<>()[\\]\\.,;:\s@\"]+(\.[^<>()[\\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\\.)+[a-zA-Z]{2,}))$/; + return re.test(String(email).toLowerCase()); + } +}); diff --git a/index.php b/index.php index e13ae95..050c150 100644 --- a/index.php +++ b/index.php @@ -1,131 +1,185 @@ - - + - - - New Style - - - - + + + TrailGo - Find Your Next Adventure + + + -
-
-

Analyzing your requirements and generating your website…

-
- Loading… -
-

Flatlogic AI is collecting your requirements and applying the first changes.

-

This page will update automatically as the plan is implemented.

-

Runtime: PHP — UTC

-
-
- + + + + + +
+
+
+
+

Find Your Next Adventure.

+

The ultimate companion for every trailblazer. Discover routes, track progress, and connect with nature.

+
+ Download on the App Store + Get it on Google Play +
+
+
+ A smartphone displaying the TrailGo app's main map interface on a scenic mountain trail. +
+
+
+
+ + +
+
+

How It Works

+
+
+
+ +

1. Discover Routes

+

Explore thousands of trails for hiking, biking, and running, submitted by a community of explorers.

+
+
+
+
+ +

2. Start Your Journey

+

Use our live GPS tracking to navigate your chosen path and record your adventure.

+
+
+
+
+ +

3. Share Your Experience

+

Share photos, reviews, and tips with the TrailGo community and inspire others.

+
+
+
+
+
+ + +
+
+

App Features

+
+
+
Offline Maps

Download maps for offline use and navigate even without a signal.

+
+
+
Live Tracking

Share your real-time location with friends and family for safety.

+
+
+
Community Reviews

Get up-to-date trail conditions and tips from fellow adventurers.

+
+
+
Achievement Badges

Stay motivated by unlocking badges for milestones and challenges.

+
+
+
+
+ A hiker using the TrailGo app to navigate a forest path. +
+
+

Detailed Trail Info

+

Get everything you need to know before you go, including difficulty, elevation, and photos.

+
+
+
+
+ Close-up of the TrailGo app's achievement badges screen. +
+
+

Connect with Friends

+

Follow friends, see their activities, and plan your next adventure together.

+
+
+
+
+ + +
+
+

Loved by Explorers

+
+
+
+ Avatar of user Alex. +

"TrailGo has completely changed how I find new hiking trails. The community tips are a lifesaver!"

+
- Alex Johnson
+
+
+
+
+ Avatar of user Maria. +

"The offline maps are a game-changer for my backcountry trips. I feel so much safer on the trail."

+
- Maria Garcia
+
+
+
+
+ Avatar of user Sam. +

"I love the achievement badges! They keep me motivated to get out and explore more each weekend."

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

Stay in the Loop

+

Subscribe to our newsletter for the latest trail updates, app features, and exclusive offers.

+
+
+ +
+
+ +
+
+
+
+
+
+ + + + + + - + \ No newline at end of file