Skip to content

32 contact page lets grow something great together #75

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

Merged
LxsaChn merged 3 commits into from
Feb 28, 2026
Merged

32 contact page lets grow something great together #75

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
d7a2f12
feat(contact): add contact section with form and description
oscar-jiang Feb 27, 2026
862af6b
Merge remote-tracking branch 'origin/main' into 32-contact-page-lets-…
oscar-jiang Feb 28, 2026
b0e3811
style(contact): layout and styling of contact section components
oscar-jiang Feb 28, 2026
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
45 changes: 45 additions & 0 deletions src/components/blocks/LetsGrowSomething.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,45 @@
<div class="contact-section max-w-6xl">
<!-- Text content: heading and description -->
<div class="contact-text mb-10 flex flex-col gap-4">
<!-- Main heading -->
<h1 class="text-5xl">Let's grow something great together</h1>

<!-- Description paragraph -->
<p class="max-w-2xl text-xl">
Have questions about Agrobot or want to collaborate? Reach out to our team
and we would love to connect and share our story.
</p>
</div>

<!-- Form and image container -->
<div class="contact-form-container flex w-full flex-row gap-45">
<!-- Form inputs -->
<div class="contact-form flex flex-1 flex-col gap-6">
<!-- Name input field -->
<input
type="text"
name="name"
placeholder="Your Name"
class="rounded-2xl bg-[#d9d9d9] px-8 py-4 outline-none focus:ring-2 focus:ring-gray-300"
/>
<!-- Email input field -->
<input
type="email"
name="email"
placeholder="Your Email"
class="rounded-2xl bg-[#d9d9d9] px-8 py-4 outline-none focus:ring-2 focus:ring-gray-300"
/>
<!-- Message text area -->
<textarea
name="message"
placeholder="Your Message"
class="h-[272px] resize-none rounded-2xl bg-[#d9d9d9] px-8 py-6 outline-none focus:ring-2 focus:ring-gray-300"
></textarea>
</div>

<!-- Image -->
<div class="contact-image size-[450px] shrink-0 rounded-[3rem] bg-gray-200">
<!-- Let's grow something great together picture -->
</div>
</div>
</div>