Web Design Mobile App Branding Consulting

Budget

Project Details

</div>
              </Field.Root>

<Button variant="secondary" size="lg">
                LAUNCH PROJECT <RocketIcon className="ml-2 size-5" />
              </Button>
            </form>
          </div>
        </div>
      </div>
    </div>
  );
}

export default ContactTwo;
1b:Td13,import { Button } from "@/components/retroui/Button";
import { Input } from "@/components/retroui/Input";
import { Textarea } from "@/components/retroui/Textarea";
import { Text } from "@/components/retroui/Text";
import { Label } from "@/components/retroui/Label";
import { Field } from "@base-ui/react/field";

function ContactThree() {
  return (
    <div className="py-16 bg-background">
      <div className="relative max-xl:px-4 overflow-hidden bg-[url('https://pub-5f7cbdfd9ffa4c838e386788f395f0c4.r2.dev/backgrounds/bg_gred_FED13B.png')] bg-cover bg-center bg-no-repeat">
        <div className="grid grid-cols-1 lg:grid-cols-2 xl:gap-16 max-w-6xl mx-auto">
          <div className="flex flex-col items-center justify-between pt-20">
            <div className="text-center lg:text-left">
              <Text as="h2" className="mb-6 font-sans">
                Lets Get in Touch!
              </Text>
              <Text className="text-muted-foreground leading-relaxed">
                Have a question or need assistance?
                <br />
                Reach out to us via email, phone, or the contact form below.
                <br />
                We're eager to assist you.
              </Text>
            </div>

<div className="flex items-center justify-center py-12 xl:py-20">
            <div className="w-full max-w-md">
              <div className="bg-background rounded-xl p-8 border-2 shadow-lg">
                <Text as="h3" className="font-sans mb-8 font-bold">
                  SEND MESSAGE
                </Text>

RetroUI Contact Us Blocks

Contact 01

Contact 02

Contact 03

Contact 04

Contact 05

Contact 06

Contact 07