diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..67bb9b3 --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1,153 @@ + +/*-- Google Fonts --*/ +@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;800&family=Lato:wght@400;700&display=swap'); + +/*-- Variables --*/ +:root { + --primary-color: #FF7F50; /* Coral */ + --secondary-color: #4682B4; /* Steel Blue */ + --background-color: #FAF9F6; + --surface-color: #FFFFFF; + --text-color: #333333; + --light-gray-color: #f8f9fa; + --border-radius: 8px; + --font-family-headings: 'Nunito', sans-serif; + --font-family-body: 'Lato', sans-serif; +} + +/*-- General Styles --*/ +body { + font-family: var(--font-family-body); + background-color: var(--background-color); + color: var(--text-color); +} + +h1, h2, h3, h4, h5, h6 { + font-family: var(--font-family-headings); + font-weight: 700; +} + +.btn-primary { + background-color: var(--primary-color); + border-color: var(--primary-color); + border-radius: var(--border-radius); + padding: 12px 24px; + font-weight: 700; + transition: background-color 0.3s ease; +} + +.btn-primary:hover { + background-color: #E56A40; /* Darker coral */ + border-color: #E56A40; +} + +.btn-secondary { + background-color: var(--secondary-color); + border-color: var(--secondary-color); + border-radius: var(--border-radius); + padding: 12px 24px; + font-weight: 700; + color: var(--surface-color); + transition: background-color 0.3s ease; +} + +.btn-secondary:hover { + background-color: #3A6A8A; /* Darker steel blue */ + border-color: #3A6A8A; + color: var(--surface-color); +} + +/*-- Header --*/ +.navbar { + background-color: var(--surface-color); + box-shadow: 0 2px 4px rgba(0,0,0,0.05); +} + +.navbar-brand { + font-family: var(--font-family-headings); + font-weight: 800; + color: var(--primary-color) !important; +} + +/*-- Hero Section --*/ +.hero-section { + padding: 100px 0; + background: linear-gradient(135deg, rgba(255, 127, 80, 0.1), rgba(255, 127, 80, 0)); + text-align: center; +} + +.hero-section h1 { + font-size: 3.5rem; + font-weight: 800; +} + +.hero-section .lead { + font-size: 1.25rem; + max-width: 600px; + margin: 20px auto 40px; +} + +/*-- Sections --*/ +.section { + padding: 80px 0; +} + +.section-title { + text-align: center; + margin-bottom: 50px; + font-size: 2.5rem; + font-weight: 800; +} + +/*-- How it works --*/ +.how-it-works-icon { + font-size: 3rem; + color: var(--primary-color); +} + +/*-- Features --*/ +.feature-card { + background-color: var(--surface-color); + border: none; + border-radius: var(--border-radius); + padding: 30px; + box-shadow: 0 4px 15px rgba(0,0,0,0.05); + transition: transform 0.3s ease, box-shadow 0.3s ease; + height: 100%; +} + +.feature-card:hover { + transform: translateY(-5px); + box-shadow: 0 8px 25px rgba(0,0,0,0.1); +} + +.feature-card .icon { + font-size: 2.5rem; + color: var(--secondary-color); + margin-bottom: 20px; +} + + +/*-- Search Widget --*/ +#search-widget { + background-color: var(--surface-color); + padding: 40px; + border-radius: var(--border-radius); + box-shadow: 0 8px 25px rgba(0,0,0,0.1); +} + +/*-- Footer --*/ +.footer { + background-color: #343a40; + color: var(--surface-color); + padding: 40px 0; +} + +.footer a { + color: #f8f9fa; + text-decoration: none; +} + +.footer a:hover { + text-decoration: underline; +} diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..f9174fa --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1,10 @@ + +document.addEventListener('DOMContentLoaded', function() { + const findCaregiverBtn = document.querySelector('a[href="#search-widget"]'); + if (findCaregiverBtn) { + findCaregiverBtn.addEventListener('click', function(e) { + e.preventDefault(); + document.querySelector('#search-widget').scrollIntoView({ behavior: 'smooth' }); + }); + } +}); diff --git a/assets/pasted-20251209-170359-0530c7e3.jpg b/assets/pasted-20251209-170359-0530c7e3.jpg new file mode 100644 index 0000000..707401e Binary files /dev/null and b/assets/pasted-20251209-170359-0530c7e3.jpg differ diff --git a/assets/vm-shot-2025-12-09T17-03-51-445Z.jpg b/assets/vm-shot-2025-12-09T17-03-51-445Z.jpg new file mode 100644 index 0000000..707401e Binary files /dev/null and b/assets/vm-shot-2025-12-09T17-03-51-445Z.jpg differ diff --git a/index.php b/index.php index 7205f3d..33ebf9e 100644 --- a/index.php +++ b/index.php @@ -1,150 +1,178 @@ - + - - - New Style - - - - - - - - - - - - - - - - - - - + + + + + <?php echo htmlspecialchars(getenv('PROJECT_NAME') ?: 'Grandma\'s Getaway'); ?> + + + + + + + + + + + + + + + + + + + + + + + + + + -
-
-

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

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

Vacation for you. A joy for them.

+

Connect with experienced, loving grandparent-like figures for your children's care. Peace of mind for you, unforgettable moments for them.

+ Find a Caregiver + Become a Caregiver +
+
+
+
+ +
+
+

How It Works

+
+
+
+

1. Search

+

Browse profiles of trusted caregivers in your destination. Read reviews and find the perfect match for your family.

+
+
+
+

2. Book

+

Select your dates and send a booking request. Communicate directly and securely with your chosen caregiver.

+
+
+
+

3. Relax

+

Enjoy your vacation knowing your children are in safe, caring hands, making happy memories.

+
+
+
+
+ +
+
+

A Perfect Match for Everyone

+
+
+
+
+

For Parents

+

Find vetted, experienced, and insured caregivers who bring warmth and wisdom. Enjoy flexible booking and secure payments for a worry-free vacation.

+
+
+
+
+
+

For Caregivers

+

Share your love and experience with children. Earn extra income on your own schedule and create joyful connections with families.

+
+
+
+
+
+ +
+
+
+
+

Find Your Perfect Caregiver

+
+
+
+ +
+
+ +
+
+ +
+
+
+
+
+
+
+ + +
+ + + + + + + + + + - + \ No newline at end of file diff --git a/test.php b/test.php new file mode 100644 index 0000000..968c8df --- /dev/null +++ b/test.php @@ -0,0 +1,3 @@ + \ No newline at end of file