diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..a151451 --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1,127 @@ +/* + * HerWay Custom Stylesheet + * Palette: + * Primary: #E91E63 (Pink) + * Secondary: #F8BBD0 (Light Pink) + * Background: #FCE4EC (Pale Pink) + * Surface: #FFFFFF (White) + * Text: #333333 (Dark Gray) +*/ + +body { + font-family: 'Poppins', sans-serif; + color: #333333; + background-color: #FFFFFF; +} + +/* --- Typography & Links --- */ +h1, h2, h3, h4, h5, h6 { + font-weight: 700; +} + +a { + color: #E91E63; + text-decoration: none; +} + +a:hover { + color: #c2185b; +} + +/* --- Buttons --- */ +.btn-primary { + background-color: #E91E63; + border-color: #E91E63; + border-radius: 0.75rem; + padding: 0.75rem 1.5rem; + font-weight: 600; + transition: all 0.3s ease; +} + +.btn-primary:hover, .btn-primary:focus { + background-color: #c2185b; + border-color: #c2185b; + box-shadow: 0 4px 15px rgba(233, 30, 99, 0.3); + transform: translateY(-2px); +} + +/* --- Header --- */ +.navbar { + box-shadow: 0 2px 10px rgba(0,0,0,0.05); +} + +.navbar-brand { + color: #E91E63 !important; +} + +.nav-link { + font-weight: 600; +} + +/* --- Hero Section --- */ +.hero-section { + padding: 6rem 0; + background-image: linear-gradient(to bottom, rgba(252, 228, 236, 0.5), rgba(255, 255, 255, 1)); +} + +.btn-sos { + width: 150px; + height: 150px; + background-color: #E91E63; + color: white; + border: 8px solid #F8BBD0; + box-shadow: 0 0 0 8px rgba(233, 30, 99, 0.2); + transition: all 0.3s ease; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} + +.btn-sos .bi { + font-size: 3rem; + line-height: 1; +} + +.btn-sos .sos-text { + font-size: 1.5rem; + font-weight: 700; + margin-top: 5px; +} + +.btn-sos:hover { + background-color: #c2185b; + color: white; + transform: scale(1.05); + box-shadow: 0 0 0 12px rgba(233, 30, 99, 0.3); +} + +/* --- Sections --- */ +#features .card { + border: none; + border-radius: 0.75rem; + box-shadow: 0 4px 25px rgba(0,0,0,0.08); + transition: transform 0.3s ease, box-shadow 0.3s ease; +} + +#features .card:hover { + transform: translateY(-5px); + box-shadow: 0 8px 30px rgba(0,0,0,0.12); +} + +#features .text-primary { + color: #E91E63 !important; +} + +#about .text-primary { + color: #E91E63 !important; +} + +.bg-light { + background-color: #fef9fb !important; +} + +/* --- Footer --- */ +footer.bg-dark { + background-color: #333 !important; +} diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..00dac9e --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1,14 @@ +document.addEventListener('DOMContentLoaded', function () { + // Initialize Bootstrap components + var toastEl = document.getElementById('sosToast'); + var toast = new bootstrap.Toast(toastEl); + + // SOS Button functionality + var sosButton = document.getElementById('sosButton'); + if (sosButton) { + sosButton.addEventListener('click', function () { + // Show the toast notification + toast.show(); + }); + } +}); diff --git a/index.php b/index.php index 7205f3d..33dd93e 100644 --- a/index.php +++ b/index.php @@ -1,150 +1,149 @@ - - + - - - New Style - - - - - - - - - - - - - - - - - - - + + + HerWay - Travel Safe, Together + + + + + + + + + + + + + + + -
-
-

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

+ + +
+
+ HerWay + + +
+
+ +
+ +
+
+

Travel Safe, Together.

+

Connecting women for safer journeys with real-time alerts and a trusted community.

+ +

Press in case of emergency

+
+
+ + +
+
+

Core Safety Features

+
+
+
+
+ +

Verified Users

+

Connect with a community of identity-verified travelers for peace of mind.

+
+
+
+
+
+
+ +

Live Location Sharing

+

Share your real-time location with trusted contacts when you feel unsafe.

+
+
+
+
+
+
+ +

Fake Call Simulation

+

Discreetly trigger a fake phone call to deter unwanted interactions.

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

Our Mission

+

HerWay was born from a simple idea: every woman deserves to travel without fear. We are building a platform that empowers women to connect, share journeys, and look out for one another. By combining technology with a trusted community, we aim to make every trip a safer one.

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

Get in Touch

+

Have questions or want to partner with us? We'd love to hear from you.

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