diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..56f3d13 --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1,85 @@ + +@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;800&display=swap'); + +:root { + --bs-primary-rgb: 127, 90, 240; /* #7F5AF0 */ + --bs-secondary-rgb: 44, 182, 125; /* #2CB67D */ + --primary: #7F5AF0; + --secondary: #2CB67D; + --text-color: #16161A; + --bg-light: #F9F9F9; + --surface: #FFFFFF; + --bs-body-font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + --bs-body-color: var(--text-color); + --bs-border-radius: 0.5rem; + --bs-border-radius-lg: 1rem; + --bs-border-radius-sm: 0.25rem; +} + +body { + background-color: var(--bg-light); +} + +h1, h2, h3, h4, h5, h6 { + font-weight: 700; +} + +.btn-primary { + --bs-btn-bg: var(--primary); + --bs-btn-border-color: var(--primary); + --bs-btn-hover-bg: #6a44d3; + --bs-btn-hover-border-color: #6a44d3; +} + +.btn-secondary { + --bs-btn-bg: var(--secondary); + --bs-btn-border-color: var(--secondary); + --bs-btn-hover-bg: #249d6a; + --bs-btn-hover-border-color: #249d6a; +} + +.navbar-sticky { + transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; +} + +.navbar-sticky.scrolled { + background-color: rgba(255, 255, 255, 0.95); + box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1); + backdrop-filter: blur(10px); +} + +.hero-section { + padding: 8rem 0; + background: linear-gradient(45deg, rgba(127, 90, 240, 0.1), rgba(44, 182, 125, 0.1)); +} + +.section-icon { + width: 64px; + height: 64px; + display: inline-flex; + align-items: center; + justify-content: center; + background: linear-gradient(45deg, var(--primary), var(--secondary)); + color: white; + border-radius: var(--bs-border-radius-lg); + margin-bottom: 1rem; +} + +.testimonial-card { + background-color: var(--surface); + border: 0; +} + +.faq-accordion .accordion-button:not(.collapsed) { + color: var(--text-color); + background-color: #fff; + box-shadow: inset 0 -1px 0 rgba(0,0,0,.125); +} + +.faq-accordion .accordion-button:focus { + box-shadow: 0 0 0 0.25rem rgba(127, 90, 240, 0.25); +} + +.footer { + background-color: var(--surface); +} diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..737b1f4 --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1,40 @@ + +document.addEventListener('DOMContentLoaded', function () { + // Navbar shrink on scroll + const navbar = document.querySelector('.navbar-sticky'); + if (navbar) { + const handleScroll = () => { + if (window.scrollY > 50) { + navbar.classList.add('scrolled'); + } else { + navbar.classList.remove('scrolled'); + } + }; + window.addEventListener('scroll', handleScroll); + handleScroll(); // Initial check + } + + // Smooth scrolling for anchor links + document.querySelectorAll('a[href^="#"]').forEach(anchor => { + anchor.addEventListener('click', function (e) { + e.preventDefault(); + const targetId = this.getAttribute('href'); + const targetElement = document.querySelector(targetId); + if(targetElement){ + targetElement.scrollIntoView({ behavior: 'smooth' }); + } + }); + }); + + // Basic form validation feedback + const form = document.querySelector('.needs-validation'); + if(form){ + form.addEventListener('submit', function (event) { + if (!form.checkValidity()) { + event.preventDefault(); + event.stopPropagation(); + } + form.classList.add('was-validated'); + }, false); + } +}); diff --git a/index.php b/index.php index 12eeffe..5849a98 100644 --- a/index.php +++ b/index.php @@ -1,237 +1,300 @@ - - Ava Reed | Designer & Developer - + EventFlow - Effortless Event Management + + + + + + + + - - - - -
-
-

Design & Development by Ava Reed.

-

Crafting elegant and effective digital solutions.

- View My Work - Contact Me -
+
- -
-
-

My Work

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

UPDATED

+

+ Your all-in-one solution for planning, managing, and executing flawless events. From small gatherings to large corporate affairs, we've got you covered. +

+ Get Started for Free + See Features +
+
+
+
+ A vibrant and modern illustration of people collaborating on an event plan. +
+
-
- 'web', 'title' => 'Corporate Website Redesign'], - ['category' => 'uiux', 'title' => 'Mobile App UI/UX'], - ['category' => 'branding', 'title' => 'Startup Branding'], - ['category' => 'uiux', 'title' => 'E-commerce Platform Design'], - ['category' => 'web', 'title' => 'Portfolio Website'], - ['category' => 'branding', 'title' => 'Logo & Identity Pack'], - ]; - $i = 1; - foreach ($projects as $project): ?> -
-
- A sample of Ava Reed's design and development work. -
-
-

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

+
+ + +
+
+

Everything you need, all in one place

+
+
+
+

Venue Management

+

Keep an eye on all available event spaces, including their size, special features, and availability.

+
+
+
+

Vendor Coordination

+

Organize your go-to caterers, decorators, and entertainers with all their contact info and ratings.

+
+
+
+

Guest & Schedule Tracking

+

Manage guest lists, RSVPs, and event timelines down to the minute, all in one unified dashboard.

+
+
+
+
+ + +
+
+
+
+ A clean and modern dashboard interface for event management. +
+
+

All Your Tools in One Dashboard

+

Stop juggling spreadsheets, emails, and calendars. EventFlow brings every aspect of your event into a single, easy-to-use dashboard. See the big picture and drill down into details with just a few clicks.

+
+
+
+
+ + +
+
+
+
+ An illustration of financial charts and budget tracking for an event. +
+
+

Stay on Budget, Stress-Free

+

Our dedicated finance tools help you manage everything from initial deposits to final payments. Track expenses, monitor your budget in real-time, and make informed financial decisions without the headache.

+
+
+
+
+ + +
+
+

Loved by planners everywhere

+
+
+
+ Avatar of a satisfied customer. +

"EventFlow transformed how we manage corporate events. What used to take weeks now takes days. A total game-changer."

+
Sarah K.
+ Corporate Event Planner
-
- -
-
-
- - -
-
-

Services

-
-
-
- -

UI/UX Design

-

Creating intuitive and beautiful user interfaces that provide a seamless user experience.

-
-
-
-
- -

Web Development

-

Building responsive, high-performance websites from the ground up.

-
-
-
-
- -

Brand Identity

-

Developing strong and memorable brand identities that tell a story.

-
-
-
-
-
- - -
-
-
-
- A portrait of Ava Reed. -
-
-

About Me

-

I'm Ava Reed, a passionate and creative designer and developer with a knack for building things that are both beautiful and functional. With over 5 years of experience, I help clients bring their ideas to life.

-

My approach is collaborative and user-centric, focusing on creating digital experiences that not only look good but also solve real-world problems and are a joy to use.

-
-
-
-
- - -
-
-

What My Clients Say

-
-
-
-
- Client 1 -

"Ava is a true professional. The final product exceeded all our expectations. Her attention to detail is second to none."

-
John Doe, CEO of ExampleCorp
+
+
+ Avatar of a happy event planner. +

"As a wedding planner, this tool is indispensable. The vendor and guest management features saved me countless hours."

+
Michael B.
+ Wedding Coordinator
-
-
-
-
- Client 2 -

"Working with Ava was a fantastic experience. She is not only a talented developer but also a great communicator."

-
Jane Smith, Marketing Director at Creative Inc.
-
-
-
-
-
-
- Client 3 -

"The website Ava built for us is both beautiful and highly functional. We've seen a significant increase in user engagement."

-
Sam Wilson, Founder of TechStart
+
+
+ Avatar of a smiling user. +

"Finally, a beautiful and intuitive app that handles all the complexities of event planning. I can't imagine working without it."

+
Jessica L.
+ Freelance Organizer
-
-
+ - -
-
-

Get In Touch

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

Ready to streamline your events?

+

Drop us a message to get started or request a demo. We'd love to hear from you.

+
+
+ + +
Please enter your name.
+
+
+ + +
Please enter a valid email address.
+
+
+ + +
Please enter your message.
+
+ +
+
+
+
+
+ -