bender/70556a7f-e48c-4925-9c32-a06c1cdce565
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_13_1783269508833 into main #12

Merged
bender merged 1 commits from version_13_1783269508833 into main 2026-07-05 16:39:48 +00:00
Conversation 0 Commits 1 Files Changed 4 +147 -80
4 changed files with 147 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

95
src/pages/ContactPage.tsx
View File

@@ -1,87 +1,22 @@
import ContactCta from '@/components/sections/contact/ContactCta';
import ContactSplitFormParallax from '@/components/sections/contact/ContactSplitFormParallax';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
// AUTO-GENERATED shell by per-section-migrate.
// Section bodies live in the sibling sections/ folder (one file per section).
// Edit those section files directly. Non-block content (wrappers,
// non-inlinable sections) is preserved inline; extracted section blocks
// become component refs.
export default function ContactPage() {
import React from 'react';
import ContactFormSection from './ContactPage/sections/ContactForm';
import ContactSection from './ContactPage/sections/Contact';
import FaqSection from './ContactPage/sections/Faq';
export default function ContactPage(): React.JSX.Element {
return (
<>
<div id="contact-form" data-section="contact-form">
<SectionErrorBoundary name="contact-form">
<ContactCta
tag="Email us"
text="Get in touch at noorandnoirstudio@gmail.com"
primaryButton={{
text: "Copy Email",
href: "#",
}}
secondaryButton={{
text: "Inquire",
href: "mailto:noorandnoirstudio@gmail.com",
}}
textAnimation="fade"
/>
</SectionErrorBoundary>
</div>
<>
<ContactFormSection />
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactSplitFormParallax
tag="Inquiry"
title="Start a conversation"
description="Fill out the form below and we will get back to you within 24 hours."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Email Address",
required: true,
},
]}
textarea={{
name: "message",
placeholder: "Tell us about your project",
rows: 4,
required: true,
}}
buttonText="Send Inquiry"
imageSrc="http://img.b2bpic.net/free-photo/3d-grunge-concrete-interior-with-spotlights_1048-16924.jpg"
textAnimation="fade"
/>
</SectionErrorBoundary>
</div>
<ContactSection />
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqSplitMedia
tag="FAQ"
title="Common Questions"
description="Everything you need to know about working with us."
items={[
{
question: "What is your typical turnaround time?",
answer: "Most branding projects take 4-6 weeks, while web builds vary based on complexity.",
},
{
question: "Do you offer ongoing support?",
answer: "Yes, we offer maintenance and design retainers for select long-term partners.",
},
{
question: "Where are you based?",
answer: "We are a digital-first agency with a distributed team across major creative hubs.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/dark-textured-stone-surface-with-dramatic-lighting_84443-73709.jpg"
textAnimation="fade"
/>
</SectionErrorBoundary>
</div>
<FaqSection />
</>
);
}

43
src/pages/ContactPage/sections/Contact.tsx Normal file
View File

@@ -0,0 +1,43 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "contact" section.
import React from 'react';
import ContactSplitFormParallax from '@/components/sections/contact/ContactSplitFormParallax';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function ContactSection(): React.JSX.Element {
return (
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactSplitFormParallax
tag="Inquiry"
title="Start a conversation"
description="Fill out the form below and we will get back to you within 24 hours."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Email Address",
required: true,
},
]}
textarea={{
name: "message",
placeholder: "Tell us about your project",
rows: 4,
required: true,
}}
buttonText="Send Inquiry"
imageSrc="http://img.b2bpic.net/free-photo/3d-grunge-concrete-interior-with-spotlights_1048-16924.jpg"
textAnimation="fade"
/>
</SectionErrorBoundary>
</div>
);
}

53
src/pages/ContactPage/sections/ContactForm.tsx Normal file
View File

@@ -0,0 +1,53 @@
/* eslint-disable */
// @ts-nocheck — generated by catalog-eject; runtime-correct but TS strict-mode false-positives on inlined catalog body
import ScrollReveal from "@/components/ui/ScrollReveal";
import TextAnimation from "@/components/ui/TextAnimation";
import Button from "@/components/ui/Button";
const primaryButton = {
text: "Copy Email",
href: "#"
};
const secondaryButton = {
text: "Inquire",
href: "mailto:noorandnoirstudio@gmail.com"
};
const ContactFormInline = () => {
return (
<section aria-label="Contact section" className="pt-48 pb-20">
<div className="w-content-width mx-auto">
<ScrollReveal variant="fade-blur">
<div className="flex flex-col items-center gap-8 md:gap-10 py-20 px-8 rounded card">
<div className="flex flex-col items-center gap-2">
<div className="px-3 py-1 mb-1 text-sm card rounded w-fit">
<p>{"Email us"}</p>
</div>
<TextAnimation
text={"Get in touch at noorandnoirstudio@gmail.com"}
variant={"fade"}
gradientText={true}
tag="h2"
className="md:max-w-8/10 text-5xl 2xl:text-6xl leading-[1.15] font-semibold text-center text-balance"
/>
<div className="flex flex-wrap justify-center gap-3 mt-2 md:mt-3">
<Button text={primaryButton.text} href={primaryButton.href} variant="primary" />
<Button text={secondaryButton.text} href={secondaryButton.href} variant="secondary" animationDelay={0.1} />
</div>
</div>
</div>
</ScrollReveal>
</div>
</section>
);
};
export default function ContactFormSection() {
return (
<div data-webild-section="contact-form" data-section="contact-form" id="contact-form">
<ContactFormInline />
</div>
);
}

36
src/pages/ContactPage/sections/Faq.tsx Normal file
View File

@@ -0,0 +1,36 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "faq" section.
import React from 'react';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function FaqSection(): React.JSX.Element {
return (
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqSplitMedia
tag="FAQ"
title="Common Questions"
description="Everything you need to know about working with us."
items={[
{
question: "What is your typical turnaround time?",
answer: "Most branding projects take 4-6 weeks, while web builds vary based on complexity.",
},
{
question: "Do you offer ongoing support?",
answer: "Yes, we offer maintenance and design retainers for select long-term partners.",
},
{
question: "Where are you based?",
answer: "We are a digital-first agency with a distributed team across major creative hubs.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/dark-textured-stone-surface-with-dramatic-lighting_84443-73709.jpg"
textAnimation="fade"
/>
</SectionErrorBoundary>
</div>
);
}