diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..21b62b6 --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1,67 @@ + +:root { + --primary-color: #6366F1; + --secondary-color: #EC4899; + --background-color: #F8FAFC; + --surface-color: #FFFFFF; + --text-color: #0F172A; + --heading-font: 'Georgia', serif; + --body-font: 'Inter', sans-serif; +} + +body { + font-family: var(--body-font); + background-color: var(--background-color); + color: var(--text-color); +} + +h1, h2, h3, h4, h5, h6 { + font-family: var(--heading-font); +} + +.gradient-text { + background: linear-gradient(to right, var(--primary-color), var(--secondary-color)); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} + +.btn-primary { + background-color: var(--primary-color); + border-color: var(--primary-color); + padding: 0.75rem 1.5rem; + border-radius: 9999px; + font-weight: 600; + transition: all 0.3s ease; +} + +.btn-primary:hover { + transform: translateY(-2px); + box-shadow: 0 10px 20px -10px var(--primary-color); +} + +.section { + padding: 6rem 0; +} + +.glassmorphism { + background: rgba(255, 255, 255, 0.2); + border-radius: 16px; + box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); + backdrop-filter: blur(5px); + -webkit-backdrop-filter: blur(5px); + border: 1px solid rgba(255, 255, 255, 0.3); +} + +.nav-link { + transition: color 0.3s; +} + +.nav-link:hover { + color: var(--primary-color) !important; +} + +.card { + border: none; + border-radius: 0.5rem; + box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); +} diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..fa36c56 --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1,13 @@ + +document.addEventListener('DOMContentLoaded', function () { + // 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/db/migrate.php b/db/migrate.php new file mode 100644 index 0000000..36553ef --- /dev/null +++ b/db/migrate.php @@ -0,0 +1,19 @@ +exec($sql); + echo "Table 'contact_submissions' created successfully." . PHP_EOL; +} catch (PDOException $e) { + die("DB ERROR: " . $e->getMessage()); +} diff --git a/index.php b/index.php index 7205f3d..eac9b06 100644 --- a/index.php +++ b/index.php @@ -1,150 +1,219 @@ prepare($sql); + $stmt->execute([$name, $email, $message_body]); + + // Send email notification + $to = getenv('MAIL_TO') ?: null; + $subject = 'New Contact Form Submission'; + $htmlBody = " +

New Contact Form Submission

+

Name: {$name}

+

Email: {$email}

+

Message:

+

{$message_body}

+ "; + $textBody = "Name: {$name}\nEmail: {$email}\nMessage:\n{$message_body}"; + + MailService::sendMail($to, $subject, $htmlBody, $textBody, ['reply_to' => $email]); + + $_SESSION['message'] = '
Thank you for your message. It has been sent.
'; + } catch (PDOException $e) { + $_SESSION['message'] = '
There was a database error. Please try again later.
'; + } catch (Exception $e) { + $_SESSION['message'] = '
There was an error sending the email. Please try again later.
'; + } + } else { + $_SESSION['message'] = '
Please fill out all fields correctly.
'; + } + header("Location: index.php#contact"); + exit; +} ?> - + - - - New Style - - - - - - - - - - - - - - - - - - - + + + + + new lamp stack + + + + + + + + + + + + + + + + + + + -
-
-

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

-
-
- + + +
+
+ MyProject + + +
+
+ +
+ +
+
+

Welcome to My New App

+

A modern, responsive landing page built on the LAMP stack.

+ Get in Touch +
+
+ + +
+
+
+
+

About Me

+

This is a space to tell your story. Who are you? What do you do? What are you passionate about? Keep it concise and engaging.

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+
+ A portrait of the site owner. +
+
+
+
+ + +
+
+

My Work

+
+
+
+ Placeholder for a portfolio project. +
+
Project One
+

A brief description of the project, its purpose, and the technologies used.

+
+
+
+
+
+ Placeholder for another portfolio project. +
+
Project Two
+

A brief description of the project, its purpose, and the technologies used.

+
+
+
+
+
+
+ + +
+
+

What People Are Saying

+
+
+ A testimonial provider's face. +

"This is a fantastic service! Highly recommended."

+

- Jane Doe

+
+
+ A testimonial provider's face. +

"Incredible results and a pleasure to work with."

+

- John Smith

+
+
+ A testimonial provider's face. +

"A game-changer for our business."

+

- Sam Wilson

+
+
+
+
+ + +
+
+

Contact Me

+
+
+ + + +
+
+ + +
+
+ + +
+
+ + +
+ +
+
+
+
+
+
+ + + + + + + diff --git a/privacy.php b/privacy.php new file mode 100644 index 0000000..00ac636 --- /dev/null +++ b/privacy.php @@ -0,0 +1,19 @@ + + + + + + + Privacy Policy - new lamp stack + + + + +
+

Privacy Policy

+

This is a placeholder for your privacy policy.

+

Information on how you collect, use, and disclose user data should be detailed here.

+ Go back home +
+ +