Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Development #75

Merged
merged 2 commits into from
Jan 4, 2025
Merged

Development #75

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
21a4607
Contactus Style.
mahmoudelhosarry Jan 3, 2025
e9d4fea
Social Media Links
mahmoudelhosarry Jan 4, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
18 changes: 10 additions & 8 deletions app/components/OurTeam.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,17 +18,18 @@ const teamMembers = [
role: "Lead FullStack Developer",
image: omar,
socials: {
facebook: "https://www.facebook.com/luna",
facebook: "https://www.facebook.com/share/183pVEiGMV/?mibextid=wwXIfr",
linkedin: "https://www.linkedin.com/in/omar-mousa-378b98261",
instagram: "https://www.instagram.com/omarrghandour",
},
},
{
name: "Mahmoud Elhossary",
name: "Mahmoud Elhosary",
role: "FrontEnd Developer & UI/UX",
image: hosary,
socials: {
facebook: "https://www.facebook.com/alex",
facebook:
"https://www.facebook.com/mahmoud.elhosary.79219?mibextid=ZbWKwL",
linkedin: "https://www.linkedin.com/in/mahmoud-elhosary-776250313",
instagram: "https://www.instagram.com/mahmoudelhosary_",
},
Expand All @@ -39,18 +40,19 @@ const teamMembers = [
role: "FrontEnd Developer",
image: ghareeb,
socials: {
facebook: "https://www.facebook.com/hope",
linkedin: "https://www.linkedin.com/in/hope",
instagram: "https://www.instagram.com/hope",
facebook: "https://m.facebook.com/Iam.mourinho.1088/",
linkedin: "https://www.linkedin.com/in/mohamed-ghareeb-0ab082334/",
instagram: "https://www.instagram.com/ghareeb.oo/",
},
},
{
name: "Ibrahim Salah",
role: "Frontend developer",
image: ibrahim,
socials: {
facebook: "https://www.facebook.com/bryant",
linkedin: "https://www.linkedin.com/in/bryant",
facebook: "https://www.facebook.com/ibrahem.salah.140/",
linkedin:
"https://www.linkedin.com/in/ibrahim-salah-94417921b?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=ios_app",
instagram: "https://www.instagram.com/ibrahem17_",
},
},
Expand Down
141 changes: 141 additions & 0 deletions app/contactus/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,141 @@
import React from "react";
import Image from "next/image";
import Black from "../../Public/logo-bw.png";

const Contactus = () => {
return (
<div className="bg-black min-h-screen flex items-center justify-center">
<div className="container mx-auto px-4 py-8">
<h2 className="text-2xl font-bold mb-4 text-white">
What can we do for you?
</h2>
<p className=" mb-6 text-white">
Talk to us about your project and let's start building it together!
</p>
<div className="flex flex-col md:flex-row bg-white shadow-lg rounded-lg overflow-hidden">
<div className="w-full md:w-1/2 p-6">
<form className="space-y-4 ">
<div>
<label
htmlFor="name"
className="block text-sm font-medium text-gray-700"
>
Name*
</label>
<input
id="name"
type="text"
required
className="w-full border-black rounded-lg shadow-sm p-2"
/>
</div>
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
<div>
<label
htmlFor="email"
className="block text-sm font-medium text-gray-700"
>
E-mail*
</label>
<input
id="email"
type="email"
required
className="w-full border-gray-300 rounded-lg shadow-sm p-2"
/>
</div>
<div>
<label
htmlFor="phone"
className="block text-sm font-medium text-gray-700"
>
Phone number
</label>
<input
id="phone"
type="tel"
className="w-full border-gray-300 rounded-lg shadow-sm p-2"
/>
</div>
</div>
<div>
<label
htmlFor="project"
className="block text-sm font-medium text-gray-700"
>
Tell us about your project*
</label>
<textarea
id="project"
required
className="w-full border-gray-300 rounded-lg shadow-sm p-2"
></textarea>
</div>
<div>
<label
htmlFor="files"
className="block text-sm font-medium text-gray-700"
>
Additional files (optional)
</label>
<input
id="files"
type="file"
className="w-full border-gray-300 rounded-lg shadow-sm p-2"
/>
</div>
<div className="flex items-center">
<input
id="agreement"
type="checkbox"
required
className="h-4 w-4 border-gray-300 rounded"
/>
<label
htmlFor="agreement"
className="ml-2 text-sm text-gray-600"
>
I agree to the processing of my personal data...
</label>
</div>
<button
type="submit"
className="w-full bg-green-800 text-white py-2 rounded-lg shadow-lg hover:bg-green-700 transition"
>
Submit
</button>
</form>
</div>

{/* Right Section: Info */}
<div className="w-full md:w-1/2 bg-black text-white flex flex-col justify-center items-center p-6">
<div className="mb-6">
<Image
src={Black}
alt="Black Waves Logo"
width={300}
className="rounded-full border-white border-2"
/>
</div>
<div className="text-center">
<h3 className="text-lg font-semibold">Black Waves</h3>
<p className="text-sm ">
Digital Marketing Agency, SEO Solutions, Innovative Web
Development
</p>
<p className="mt-4">
<a
href="mailto:info@blackwaves.com"
className="text-green-500 underline"
>
info@blackwaves.com
</a>
</p>
</div>
</div>
</div>
</div>
</div>
);
};
export default Contactus;
Loading