@notionhive/contacts 0.1.0

package/templates/components/organisms/Contact09/Contact09.propTypes.js

@@ -0,0 +1,96 @@
+import PropTypes from "prop-types";
+
+const testimonialShape = PropTypes.shape({
+  id: PropTypes.string,
+  quote: PropTypes.string.isRequired,
+  authorName: PropTypes.string.isRequired,
+  authorTitle: PropTypes.string,
+  avatarSrc: PropTypes.string,
+  avatarAlt: PropTypes.string,
+});
+
+export const contact09PropTypes = {
+  headline: PropTypes.string,
+  description: PropTypes.string,
+  serviceOptions: PropTypes.arrayOf(PropTypes.string),
+  submitText: PropTypes.string,
+  testimonials: PropTypes.arrayOf(testimonialShape),
+  activeSlide: PropTypes.number,
+  onSlideChange: PropTypes.func,
+  formData: PropTypes.shape({
+    fullName: PropTypes.string,
+    email: PropTypes.string,
+    phone: PropTypes.string,
+    serviceType: PropTypes.string,
+    message: PropTypes.string,
+  }),
+  onFieldChange: PropTypes.func,
+  onSubmit: PropTypes.func,
+  className: PropTypes.string,
+};
+
+export const contact09DefaultProps = {
+  headline: "Let's Build Something Great",
+  description:
+    "Whether you're planning a new development or exploring investment opportunities, our team is here to help you every step of the way.",
+  serviceOptions: [
+    "Residential development",
+    "Commercial property",
+    "Investment inquiry",
+    "General consultation",
+  ],
+  submitText: "Send Message",
+  testimonials: [
+    {
+      id: "1",
+      quote:
+        "Suvastu made our dream home a reality. Their attention to detail and commitment to quality exceeded every expectation we had.",
+      authorName: "Rahim Khan",
+      authorTitle: "Homeowner, Dhaka",
+      avatarSrc: "/contact/contact09/avatar.jpg",
+      avatarAlt: "Rahim Khan",
+    },
+    {
+      id: "2",
+      quote:
+        "From the first consultation to handover, the team was transparent, professional, and genuinely invested in our project.",
+      authorName: "Nadia Rahman",
+      authorTitle: "Investor, Chittagong",
+      avatarSrc: "/contact/contact09/avatar.jpg",
+      avatarAlt: "Nadia Rahman",
+    },
+    {
+      id: "3",
+      quote:
+        "The quality of construction and timely delivery set Suvastu apart. I wouldn't hesitate to recommend them.",
+      authorName: "Karim Hossain",
+      authorTitle: "Business Owner, Sylhet",
+      avatarSrc: "/contact/contact09/avatar.jpg",
+      avatarAlt: "Karim Hossain",
+    },
+    {
+      id: "4",
+      quote:
+        "Their design team understood our vision perfectly and delivered a space that feels both modern and timeless.",
+      authorName: "Farzana Ahmed",
+      authorTitle: "Architect, Dhaka",
+      avatarSrc: "/contact/contact09/avatar.jpg",
+      avatarAlt: "Farzana Ahmed",
+    },
+    {
+      id: "5",
+      quote:
+        "Outstanding service from start to finish. Suvastu is the partner you want for any serious real estate project.",
+      authorName: "Tanvir Islam",
+      authorTitle: "Developer, Dhaka",
+      avatarSrc: "/contact/contact09/avatar.jpg",
+      avatarAlt: "Tanvir Islam",
+    },
+  ],
+  activeSlide: 0,
+  formData: undefined,
+  onFieldChange: undefined,
+  onSubmit: undefined,
+  onSlideChange: undefined,
+  className: "",
+};

package/templates/components/organisms/Contact09/index.js

@@ -0,0 +1 @@
+export { Contact09, default } from "./Contact09";

package/templates/components/organisms/Contact10/Contact10.jsx

@@ -0,0 +1,175 @@
+"use client";
+
+import { useState } from "react";
+import {
+  contact10DefaultProps,
+  contact10PropTypes,
+} from "./Contact10.propTypes";
+
+const inputClassName =
+  "h-[52px] w-full border-0 bg-white px-4 text-sm tracking-[0.14px] text-[#1b1e2e] outline-none transition-colors duration-200 ease-out placeholder:text-[#7e8088] focus:ring-1 focus:ring-[#020617]/10";
+
+function ArrowRightIcon({ className = "" }) {
+  return (
+    <svg viewBox="0 0 24 24" fill="none" aria-hidden="true" className={className}>
+      <path
+        d="M5 12h14M13 6l6 6-6 6"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}
+
+/**
+ * Contact10 — Shipora centered contact with details and split form panel.
+ * Figma node 26:17381 at 1920px.
+ *
+ * @param {object} props - See Contact10.propTypes.js.
+ */
+export function Contact10({
+  headline = contact10DefaultProps.headline,
+  description = contact10DefaultProps.description,
+  contactDetails = contact10DefaultProps.contactDetails,
+  submitText = contact10DefaultProps.submitText,
+  formData: controlledForm,
+  onFieldChange,
+  onSubmit,
+  className = "",
+}) {
+  const [internalForm, setInternalForm] = useState({
+    fullName: "",
+    email: "",
+    phone: "",
+    subject: "",
+    message: "",
+  });
+
+  const form = controlledForm ?? internalForm;
+
+  const setField = (field, value) => {
+    onFieldChange?.(field, value);
+    if (!controlledForm) {
+      setInternalForm((prev) => ({ ...prev, [field]: value }));
+    }
+  };
+
+  const handleSubmit = (event) => {
+    event.preventDefault();
+    onSubmit?.(form);
+  };
+
+  return (
+    <section
+      className={["relative w-full overflow-hidden bg-white", className]
+        .filter(Boolean)
+        .join(" ")}
+      data-contact="contact10"
+    >
+      <div className="relative mx-auto w-full max-w-[1920px] px-4 py-12 sm:px-6 md:px-10 lg:px-20 lg:py-20 xl:px-[160px] xl:py-24">
+        <div className="mx-auto flex w-full max-w-[1330px] flex-col gap-12 lg:gap-16">
+          {/* Centered headline */}
+          <header className="mx-auto flex max-w-[720px] flex-col items-center gap-4 text-center">
+            <h2 className="text-3xl font-bold leading-[1.1] tracking-[-0.02em] text-[#020617] sm:text-4xl xl:text-[48px]">
+              {headline}
+            </h2>
+            {description ? (
+              <p className="text-base leading-[1.5] text-[#343744] sm:text-lg">
+                {description}
+              </p>
+            ) : null}
+          </header>
+
+          <div className="flex flex-col gap-12 lg:flex-row lg:items-start lg:gap-16 xl:gap-20">
+            {/* Left — contact details */}
+            <div className="flex w-full flex-col gap-0 lg:w-[40%] lg:max-w-[420px]">
+              {contactDetails.map((detail, index) => (
+                <div key={detail.label}>
+                  {index > 0 ? <hr className="my-6 border-0 border-t border-[#e1e2e3]" /> : null}
+                  <div className="flex flex-col gap-2">
+                    <p className="text-xs font-semibold uppercase tracking-[0.96px] text-[#7e8088]">
+                      {detail.label}
+                    </p>
+                    {detail.href ? (
+                      <a
+                        href={detail.href}
+                        className="text-base leading-[1.4] text-[#020617] transition-opacity duration-200 ease-out hover:opacity-80"
+                      >
+                        {detail.value}
+                      </a>
+                    ) : (
+                      <p className="text-base leading-[1.4] text-[#020617]">{detail.value}</p>
+                    )}
+                  </div>
+                </div>
+              ))}
+            </div>
+
+            {/* Right — form panel */}
+            <form
+              onSubmit={handleSubmit}
+              className="flex w-full flex-1 flex-col gap-6 rounded-2xl bg-[#eee] p-5 sm:p-6 lg:p-8"
+            >
+              <div className="grid grid-cols-1 gap-4 lg:grid-cols-2 lg:gap-5">
+                <div className="flex flex-col gap-4">
+                  <input
+                    type="text"
+                    value={form.fullName}
+                    onChange={(e) => setField("fullName", e.target.value)}
+                    placeholder="Full Name*"
+                    className={inputClassName}
+                    required
+                  />
+                  <input
+                    type="email"
+                    value={form.email}
+                    onChange={(e) => setField("email", e.target.value)}
+                    placeholder="Email Address*"
+                    className={inputClassName}
+                    required
+                  />
+                  <input
+                    type="tel"
+                    value={form.phone}
+                    onChange={(e) => setField("phone", e.target.value)}
+                    placeholder="Phone Number"
+                    className={inputClassName}
+                  />
+                  <input
+                    type="text"
+                    value={form.subject}
+                    onChange={(e) => setField("subject", e.target.value)}
+                    placeholder="Subject"
+                    className={inputClassName}
+                  />
+                </div>
+
+                <textarea
+                  value={form.message}
+                  onChange={(e) => setField("message", e.target.value)}
+                  placeholder="Your Message"
+                  rows={6}
+                  className="min-h-[200px] w-full resize-none border-0 bg-white px-4 py-4 text-sm tracking-[0.14px] text-[#1b1e2e] outline-none transition-colors duration-200 ease-out placeholder:text-[#7e8088] focus:ring-1 focus:ring-[#020617]/10 lg:min-h-full"
+                />
+              </div>
+
+              <button
+                type="submit"
+                className="flex h-14 w-full items-center justify-center gap-2 bg-[#ffd32d] text-base font-semibold tracking-[0.32px] text-[#020617] transition-colors duration-200 ease-out hover:bg-[#f5c800] focus-visible:outline-2 focus-visible:outline-offset-2 sm:w-max sm:px-10"
+              >
+                {submitText}
+                <ArrowRightIcon className="size-5" />
+              </button>
+            </form>
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+}
+
+Contact10.propTypes = contact10PropTypes;
+
+export default Contact10;

package/templates/components/organisms/Contact10/Contact10.propTypes.js

@@ -0,0 +1,55 @@
+import PropTypes from "prop-types";
+
+const contactDetailShape = PropTypes.shape({
+  label: PropTypes.string.isRequired,
+  value: PropTypes.string.isRequired,
+  href: PropTypes.string,
+});
+
+export const contact10PropTypes = {
+  headline: PropTypes.string,
+  description: PropTypes.string,
+  contactDetails: PropTypes.arrayOf(contactDetailShape),
+  submitText: PropTypes.string,
+  formData: PropTypes.shape({
+    fullName: PropTypes.string,
+    email: PropTypes.string,
+    phone: PropTypes.string,
+    subject: PropTypes.string,
+    message: PropTypes.string,
+  }),
+  onFieldChange: PropTypes.func,
+  onSubmit: PropTypes.func,
+  className: PropTypes.string,
+};
+
+export const contact10DefaultProps = {
+  headline: "Get in Touch with Shipora",
+  description:
+    "Have a question about shipping, tracking, or our services? Reach out and our team will get back to you promptly.",
+  contactDetails: [
+    {
+      label: "Address",
+      value: "1200 Harbor Boulevard, Suite 400, Los Angeles, CA 90731",
+    },
+    {
+      label: "Phone",
+      value: "+1 (310) 555-0142",
+      href: "tel:+13105550142",
+    },
+    {
+      label: "Email",
+      value: "support@shipora.com",
+      href: "mailto:support@shipora.com",
+    },
+    {
+      label: "Hours",
+      value: "Mon – Fri, 8:00 AM – 6:00 PM PST",
+    },
+  ],
+  submitText: "Send Message",
+  formData: undefined,
+  onFieldChange: undefined,
+  onSubmit: undefined,
+  className: "",
+};

package/templates/components/organisms/Contact10/index.js

@@ -0,0 +1 @@
+export { Contact10, default } from "./Contact10";

package/templates/public/contact/contact01/ellipse.svg

@@ -0,0 +1,12 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 2181 2181" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Ellipse 7" filter="url(#filter0_f_0_220)">
+<circle cx="1090.5" cy="1090.5" r="246.5" fill="var(--fill-0, #B0258C)"/>
+</g>
+<defs>
+<filter id="filter0_f_0_220" x="0" y="0" width="2181" height="2181" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="422" result="effect1_foregroundBlur_0_220"/>
+</filter>
+</defs>
+</svg>

package/templates/public/contact/contact01/logo-accenture.svg

@@ -0,0 +1,6 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 113.541 31.2682" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Accenture_logo 1">
+<path id="path8760" d="M66.0312 0.902344V4.23135L72.4658 6.74592L66.0312 9.13799V12.565L77.0517 8.10158V5.34052L66.0312 0.902344Z" fill="var(--fill-0, #BD00FF)"/>
+<path id="path8772" d="M104.323 22.1558H109.156C109.081 20.2574 108.218 19.4438 106.789 19.4438C105.654 19.4438 104.619 20.06 104.323 22.1558ZM106.888 30.3655C103.164 30.3655 100.625 28.1464 100.625 23.8567V23.6109C100.625 19.296 103.312 16.9292 106.763 16.9292C109.969 16.9292 112.656 18.7281 112.656 22.994V24.5479H104.274C104.423 26.865 105.407 27.7529 106.961 27.7529C108.341 27.7529 109.081 27.0134 109.329 26.0765H112.656C112.263 28.5168 110.265 30.3655 106.888 30.3655ZM92.0192 17.2009H95.6184V19.567C96.3823 17.8409 97.591 17.0279 99.4894 17.0279V20.5774C97.0483 20.5774 95.6184 21.3169 95.6184 23.4625V30.0952H92.0192V17.2009ZM89.4051 30.0952H85.8044V28.1961C85.1882 29.4293 83.9802 30.3655 82.0559 30.3655C79.7395 30.3655 78.0372 28.9601 78.0372 25.9288V17.2009H81.6624V25.3861C81.6624 26.865 82.2534 27.5554 83.5363 27.5554C84.7932 27.5554 85.8044 26.7662 85.8044 25.1641V17.2009H89.4051V30.0952ZM73.377 13.3047V17.2009H75.8426V19.8862H73.377V26.0015C73.377 26.9644 73.8202 27.4077 74.6584 27.4077C75.1766 27.4077 75.5709 27.3334 75.9161 27.1864V29.9957C75.4974 30.1197 74.7817 30.2667 73.8937 30.2667C71.0844 30.2667 69.7518 28.9853 69.7518 26.3713V19.8862H68.2476V17.2009H69.7518V14.7836L73.377 13.3047ZM55.2538 17.2009H58.8531V19.1238C59.4953 17.9151 60.7767 16.9292 62.7493 16.9292C65.0916 16.9292 66.6448 18.3346 66.6448 21.4654V30.0952H63.044V22.0073C63.044 20.5039 62.4286 19.838 61.1219 19.838C59.8643 19.838 58.8531 20.6027 58.8531 22.23V30.0952H55.2538V17.2009ZM44.6996 22.1558H49.532C49.4585 20.2574 48.5951 19.4438 47.1652 19.4438C46.0315 19.4438 44.9958 20.06 44.6996 22.1558ZM47.2647 30.3655C43.5407 30.3655 41.0016 28.1464 41.0016 23.8567V23.6109C41.0016 19.296 43.6892 16.9292 47.1407 16.9292C50.3457 16.9292 53.034 18.7281 53.034 22.994V24.5479H44.6506C44.7984 26.865 45.785 27.7529 47.3374 27.7529C48.7183 27.7529 49.4585 27.0134 49.705 26.0765H53.034C52.6383 28.5168 50.6419 30.3655 47.2647 30.3655ZM33.7512 30.3655C30.1764 30.3655 27.5876 28.1464 27.5876 23.7824V23.6109C27.5876 19.247 30.3487 16.9292 33.7757 16.9292C36.7097 16.9292 39.1263 18.4088 39.4225 21.7853H35.9703C35.7483 20.5292 35.1076 19.7155 33.8499 19.7155C32.3205 19.7155 31.2611 20.9226 31.2611 23.4625V23.8567C31.2611 26.4707 32.198 27.6542 33.8751 27.6542C35.1076 27.6542 36.0193 26.7417 36.2167 25.3363H39.496C39.2495 28.2696 37.2524 30.3655 33.7512 30.3655ZM20.3371 30.3655C16.7624 30.3655 14.1736 28.1464 14.1736 23.7824V23.6109C14.1736 19.247 16.9346 16.9292 20.3616 16.9292C23.2957 16.9292 25.7123 18.4088 26.0085 21.7853H22.5562C22.3343 20.5292 21.6935 19.7155 20.4359 19.7155C18.9065 19.7155 17.8471 20.9226 17.8471 23.4625V23.8567C17.8471 26.4707 18.784 27.6542 20.4611 27.6542C21.6935 27.6542 22.6052 26.7417 22.8027 25.3363H26.082C25.8355 28.2696 23.8384 30.3655 20.3371 30.3655ZM8.57501 25.8048V24.5724H7.14437C5.36999 24.5724 4.4583 25.0653 4.4583 26.2235V26.3468C4.4583 27.2347 5.001 27.8509 6.20818 27.8509C7.44133 27.8509 8.57501 27.1612 8.57501 25.8048ZM5.1235 30.3655C2.80642 30.3655 0.882812 29.1828 0.882812 26.568V26.4217C0.882812 23.2397 3.64386 22.2048 6.97287 22.2048H8.57501V21.5893C8.57501 20.3064 8.0078 19.5173 6.67665 19.5173C5.46873 19.5173 4.82802 20.2077 4.72854 21.1944H1.27703C1.52352 18.3346 3.7916 16.9292 6.84963 16.9292C9.95591 16.9292 12.175 18.2603 12.175 21.4654V30.0952H8.64925V28.6148C8.0323 29.5525 6.84963 30.3655 5.1235 30.3655Z" fill="var(--fill-0, black)"/>
+</g>
+</svg>

package/templates/public/contact/contact01/logo-amart.svg

@@ -0,0 +1,12 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 112.019 79.2056" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="amart-furniture-seeklogo-2 1">
+<g id="Group">
+<path id="Vector" d="M38.1821 47.4664L39.5526 44.0069H46.7376L48.0948 47.4664H51.2482L44.968 31.9653C44.9014 31.8057 44.7551 31.6992 44.5821 31.6992H41.9077C41.7347 31.6992 41.5883 31.8057 41.5218 31.9653L35.1484 47.4664H38.1821ZM43.1584 34.8793L45.753 41.4921H40.5372L43.1584 34.8793Z" fill="var(--fill-0, #003470)"/>
+<path id="Vector_2" d="M70.6509 37.0223C70.2517 36.2772 69.6796 35.6918 68.9744 35.266C68.2692 34.8535 67.431 34.6406 66.4996 34.6406C65.6081 34.6406 64.7965 34.8136 64.0913 35.1728C63.4659 35.4922 62.8937 35.9446 62.4147 36.5167C62.0289 35.9845 61.5499 35.5454 60.9644 35.2128C60.2859 34.8269 59.5141 34.6406 58.6493 34.6406C57.3985 34.6406 56.3341 35.0265 55.4559 35.7716V34.8801H53.0742C52.8347 34.8801 52.6484 35.0664 52.6484 35.3059V47.4539H55.4559V38.4726C55.7619 38.0336 56.1212 37.7009 56.5337 37.488C56.9594 37.2618 57.4518 37.1421 57.984 37.1421C58.7823 37.1421 59.4077 37.3949 59.8734 37.9005C60.3391 38.4061 60.5653 39.1246 60.5653 40.0161V47.4539H63.3461V39.6036C63.3461 39.4306 63.3328 39.2444 63.3195 39.0581C63.3062 38.9117 63.2929 38.7654 63.2663 38.619C63.5856 38.1267 63.9582 37.7541 64.384 37.5146C64.8231 37.2618 65.3287 37.1421 65.8742 37.1421C66.6725 37.1421 67.2979 37.3949 67.7636 37.9005C68.2293 38.4061 68.4555 39.1246 68.4555 40.0161V47.4672H71.263V39.6169C71.263 38.6323 71.0634 37.7541 70.6509 37.0223Z" fill="var(--fill-0, #003470)"/>
+<path id="Vector_3" d="M82.2629 35.8115C81.3581 35.0398 80.0808 34.6406 78.4708 34.6406C77.6459 34.6406 76.8209 34.7471 76.0093 34.9467C75.1976 35.1462 74.3195 35.4656 73.4014 35.9047C73.2949 35.9579 73.255 36.0776 73.2949 36.1841L74.2662 38.1533L74.4525 38.0602C75.1843 37.7142 75.8496 37.4614 76.4483 37.3017C77.0338 37.1421 77.5926 37.0622 78.1382 37.0622C79.0562 37.0622 79.7481 37.2618 80.2005 37.661C80.6529 38.0469 80.8791 38.6456 80.8791 39.4573V40.4286C79.9211 40.0427 78.8833 39.8431 77.7789 39.8431C76.2088 39.8431 74.9581 40.1891 74.0533 40.881C73.1219 41.5728 72.6562 42.5442 72.6562 43.755C72.6562 44.5267 72.8558 45.2186 73.2683 45.804C73.6675 46.3895 74.2263 46.8552 74.9315 47.1745C75.6234 47.4938 76.435 47.6535 77.3265 47.6535C78.0716 47.6535 78.7768 47.5471 79.4155 47.3342C79.9211 47.1612 80.4134 46.9217 80.8791 46.6024V47.4406H83.6334V39.1645C83.6334 37.7275 83.181 36.5966 82.2629 35.8115ZM80.8791 42.5841V44.4202C80.4799 44.7662 80.0276 45.0323 79.5486 45.192C79.0429 45.3649 78.4708 45.4581 77.8587 45.4581C77.1003 45.4581 76.475 45.2851 76.0093 44.9658C75.5569 44.6464 75.344 44.234 75.344 43.715C75.344 43.1562 75.5569 42.7437 76.0093 42.4111C76.475 42.0785 77.1269 41.9188 77.9519 41.9188C78.5506 41.9188 79.0962 41.972 79.5885 42.0918C80.0409 42.1982 80.4666 42.3579 80.8791 42.5841Z" fill="var(--fill-0, #003470)"/>
+<path id="Vector_4" d="M92.2562 34.8268C91.9103 34.6937 91.4845 34.6139 90.9656 34.6006C90.2204 34.6006 89.5285 34.7736 88.9431 35.1195C88.5306 35.359 88.1581 35.665 87.8387 36.0243V34.88H85.457C85.2175 34.88 85.0312 35.0663 85.0312 35.3058V47.4538H87.8387V39.1511C88.1315 38.4991 88.5439 37.9802 89.0362 37.6476C89.5419 37.3016 90.1273 37.1287 90.7793 37.1287C91.0321 37.1287 91.2849 37.1553 91.551 37.1952C91.7506 37.2351 91.9236 37.2883 92.1098 37.3681L92.4026 37.4879V34.88L92.2562 34.8268Z" fill="var(--fill-0, #003470)"/>
+<path id="Vector_5" d="M102.607 37.0348V34.8793H99.0809V31.6992H96.7258C96.4863 31.6992 96.3 31.8855 96.3 32.125V34.8793H93.7188V37.4605H96.3V44.2331C96.3 45.3375 96.6327 46.2023 97.298 46.7878C97.9499 47.3732 98.9079 47.6659 100.132 47.6659C100.491 47.6659 100.89 47.6393 101.316 47.5861C101.755 47.5329 102.141 47.4397 102.474 47.32L102.62 47.2668V44.8185L102.341 44.9117C102.048 45.0048 101.769 45.0713 101.516 45.1246C101.263 45.1645 100.984 45.1911 100.664 45.1911C100.092 45.1911 99.6797 45.0847 99.4402 44.8585C99.2007 44.6323 99.0942 44.2464 99.0942 43.6876V37.4605H102.194C102.421 37.4605 102.607 37.2743 102.607 37.0348Z" fill="var(--fill-0, #003470)"/>
+</g>
+<path id="Vector_6" d="M32.0828 35.651L27.4524 29.4905C27.1863 29.1312 26.7738 28.9316 26.3215 28.9316H21.3452L23.5938 31.7391H25.6296L29.5547 36.9682V44.7919L24.6449 46.7478V38.0327C24.6449 37.7133 24.5385 37.4073 24.3389 37.1545L18.1518 29.4639C17.899 29.1578 17.5265 28.9583 17.1273 28.9449C16.7281 28.9183 16.3423 29.0647 16.0628 29.3574L9.88904 35.5046C9.62292 35.7707 9.47656 36.13 9.47656 36.5025V45.7499C9.47656 46.3221 9.8092 46.8809 10.3414 47.0938L20.0678 50.2339V47.2135L12.284 44.8185V37.1013L16.941 32.4576L21.8375 38.5516V48.8368C21.8375 49.3025 22.0637 49.7416 22.4495 49.9944C22.689 50.1541 22.9551 50.2339 23.2346 50.2339C23.4075 50.2339 23.5938 50.2073 23.7535 50.1275L31.4707 47.0406C32.0029 46.8277 32.3489 46.3088 32.3489 45.7366V36.4892C32.3622 36.1965 32.2691 35.8905 32.0828 35.651Z" fill="var(--fill-0, #EE263E)"/>
+</g>
+</svg>

package/templates/public/contact/contact01/logo-brand9.svg

@@ -0,0 +1,12 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 40.3388 49.7665" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Frame 20">
+<path id="Vector" fill-rule="evenodd" clip-rule="evenodd" d="M27.2211 39.9793V36.2533H25.3318V36.6701C25.3276 36.6657 25.3225 36.6622 25.317 36.6598C24.6975 36.298 23.9925 36.1089 23.2751 36.1121C21.0917 36.1121 19.3436 37.8264 19.3436 39.9799C19.3439 40.5437 19.4682 41.1006 19.7077 41.6111C19.9471 42.1216 20.296 42.5732 20.7294 42.9338C20.2949 43.2927 19.9453 43.7435 19.7057 44.2536C19.4661 44.7637 19.3425 45.3206 19.3438 45.8842C19.3438 48.0193 21.0919 49.7665 23.2751 49.7665C25.4729 49.7665 27.221 48.0193 27.221 45.8842C27.2227 45.3206 27.0993 44.7636 26.8598 44.2534C26.6202 43.7432 26.2704 43.2925 25.8356 42.9338C26.2696 42.5737 26.6188 42.1222 26.8582 41.6116C27.0977 41.101 27.2217 40.5432 27.2211 39.9793ZM21.2334 39.9793C21.2334 38.8883 22.151 37.9531 23.2753 37.9531C24.3342 37.9531 25.2012 38.7613 25.3171 39.7513C25.3275 39.8269 25.3319 39.9029 25.3319 39.9793C25.3319 40.0552 25.329 40.1348 25.3171 40.2078C25.2012 41.2118 24.3342 42.0201 23.2753 42.0201C22.151 42.0201 21.2334 41.0852 21.2334 39.9793ZM25.3171 46.1155C25.2012 47.12 24.3342 47.9278 23.2753 47.9278C22.151 47.9278 21.2334 46.9931 21.2334 45.8836C21.2334 44.793 22.151 43.8578 23.2753 43.8578C24.3342 43.8578 25.2012 44.6659 25.3171 45.6556C25.3275 45.7315 25.3319 45.8075 25.3319 45.8836C25.3319 45.9636 25.329 46.0398 25.3171 46.1155ZM38.4211 39.6965C38.4211 38.2626 37.6572 37.9508 36.893 37.9508C36.129 37.9508 35.3642 38.2469 35.3642 39.6655V43.6552H33.4466V36.2521H35.3642V36.7975C35.7855 36.4856 36.3001 36.1119 37.3137 36.1119C38.9356 36.1119 40.3388 37.0622 40.3388 39.3846V43.6552H38.4212L38.4211 39.6965ZM29.3296 43.6552H31.2476V36.2521H29.3296V43.6552ZM15.6258 43.6552H17.5434V36.2521H15.6258V43.6552ZM9.43484 36.2521H11.3529V36.7975C12.0701 36.2674 12.7721 36.1119 14.2067 36.1119V37.9509C11.7583 37.9509 11.3529 38.6365 11.3529 39.9143V43.6552H9.43484V36.2521ZM3.9297 43.8576C1.74645 43.8576 0 42.1119 0 39.9768C0 37.8261 1.74645 36.1113 3.92941 36.1113C6.12865 36.1113 7.8751 37.8257 7.8751 39.9768C7.8751 42.1119 6.12865 43.8576 3.9297 43.8576ZM3.9297 37.9506C2.80691 37.9506 1.88667 38.8858 1.88667 39.9768C1.88667 41.0831 2.80691 42.0183 3.9297 42.0183C5.06834 42.0183 5.98813 41.0831 5.98813 39.9768C5.98813 38.8858 5.06819 37.9506 3.9297 37.9506Z" fill="var(--fill-0, #FF373C)"/>
+<path id="Vector_2" d="M20.2052 6.54292e-06C12.9224 -0.00591614 6.46219 4.6345 4.19588 11.5004C1.92986 18.3657 4.37297 25.8984 10.2493 30.1656C16.1747 25.8531 24.2357 25.8531 30.1609 30.1656C36.0374 25.8984 38.4804 18.3657 36.2145 11.5005C33.9482 4.63451 27.488 -0.00636034 20.2052 6.54292e-06ZM20.2052 25.2255C15.4613 25.221 11.6182 21.405 11.6194 16.6992C11.6209 11.9936 15.4664 8.17909 20.2099 8.17835C24.954 8.17686 28.8012 11.989 28.8052 16.6944C28.8054 17.8167 28.5831 18.9278 28.151 19.9636C27.719 20.9994 27.0859 21.9392 26.2884 22.7288C24.6697 24.3313 22.483 25.2288 20.2052 25.2255Z" fill="url(#paint0_linear_0_214)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_0_214" x1="20.2052" y1="6.54294e-06" x2="20.2052" y2="30.1661" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF373C"/>
+<stop offset="1" stop-color="#FFC72C"/>
+</linearGradient>
+</defs>
+</svg>

package/templates/public/contact/contact01/logo-nissan.svg

@@ -0,0 +1,12 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 64.8026 54.2196" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Nissan_Badge_1_">
+<path id="Vector" d="M37.7653 29.2764C37.7139 29.2893 37.5081 29.2893 37.4181 29.2893H30.7838V30.8322H37.5339C37.5853 30.8322 37.9839 30.8322 38.061 30.8193C39.4367 30.6907 40.0667 29.5465 40.0667 28.5436C40.0667 27.515 39.411 26.4093 38.1639 26.2936C37.9196 26.2679 37.7139 26.2679 37.6239 26.2679H33.2138C33.021 26.2679 32.8024 26.255 32.7253 26.2293C32.3781 26.1393 32.2496 25.8307 32.2496 25.5736C32.2496 25.3421 32.3781 25.0336 32.7381 24.9307C32.841 24.905 32.9567 24.8921 33.201 24.8921H39.5653V23.375H33.0981C32.8281 23.375 32.6224 23.3879 32.4553 23.4136C31.3496 23.5679 30.5781 24.455 30.5781 25.5864C30.5781 26.5122 31.1567 27.5922 32.4296 27.7722C32.661 27.7979 32.9824 27.7979 33.1238 27.7979H37.4181C37.4953 27.7979 37.6881 27.7979 37.7267 27.8107C38.2153 27.875 38.3824 28.235 38.3824 28.5564C38.3824 28.865 38.1896 29.1993 37.7653 29.2764Z" fill="var(--fill-0, black)"/>
+<path id="Vector_2" d="M25.1872 29.2764C25.1357 29.2893 24.93 29.2893 24.8529 29.2893H18.2057V30.8322H24.9557C25.0072 30.8322 25.4057 30.8322 25.4829 30.8193C26.8586 30.6907 27.4886 29.5465 27.4886 28.5436C27.4886 27.515 26.8329 26.4093 25.5857 26.2936C25.3415 26.2679 25.1357 26.2679 25.0457 26.2679H20.6357C20.4429 26.2679 20.2243 26.255 20.1472 26.2293C19.8 26.1393 19.6714 25.8307 19.6714 25.5736C19.6714 25.3421 19.8 25.0336 20.16 24.9307C20.2629 24.905 20.3786 24.8921 20.6229 24.8921H26.9872V23.375H20.52C20.25 23.375 20.0443 23.3879 19.8772 23.4136C18.7714 23.5679 18 24.455 18 25.5864C18 26.5122 18.5786 27.5922 19.8514 27.7722C20.0829 27.7979 20.4043 27.7979 20.5457 27.7979H24.84C24.9172 27.7979 25.11 27.7979 25.1486 27.8107C25.6372 27.875 25.8043 28.235 25.8043 28.5564C25.8043 28.865 25.6243 29.1993 25.1872 29.2764Z" fill="var(--fill-0, black)"/>
+<path id="Vector_3" d="M14.7496 23.3232H13.0781V30.8704H14.7496V23.3232Z" fill="var(--fill-0, black)"/>
+<path id="Vector_4" d="M9.38575 30.8704V23.3232H7.71431V28.9547L2.14715 23.3232H0V30.8704H1.67143V25.2133L7.27717 30.8704H9.38575Z" fill="var(--fill-0, black)"/>
+<path id="Vector_5" d="M63.144 23.3232V28.9547L57.5768 23.3232H55.4297V30.8704H57.1011V25.2133L62.694 30.8704H64.8026V23.3232H63.144Z" fill="var(--fill-0, black)"/>
+<path id="Vector_6" d="M46.7214 23.3232L42.0156 30.8704H44.0471L44.8828 29.5204H50.3728L51.2085 30.8704H53.2271L48.5214 23.3232H46.7214ZM49.5114 28.0933H45.7442L47.6342 25.059L49.5114 28.0933Z" fill="var(--fill-0, black)"/>
+<path id="Vector_7" d="M9.29132 19.0415C12.6599 9.20575 21.9428 2.59715 32.4085 2.59715C42.8743 2.59715 52.1701 9.20575 55.5258 19.0415L55.5515 19.1186H62.9187V18.2315L59.8587 17.8715C57.9686 17.6529 57.5701 16.8172 57.0558 15.7629L56.9272 15.5058C52.5043 6.09431 42.8743 0 32.4085 0C21.9299 0 12.3128 6.09431 7.88989 15.5315L7.76132 15.7886C7.24703 16.8429 6.84846 17.6786 4.95845 17.8972L1.89844 18.2572V19.1444H9.25275L9.29132 19.0415Z" fill="var(--fill-0, black)"/>
+<path id="Vector_8" d="M55.5543 35.0881L55.5285 35.1652C52.16 45.0009 42.8771 51.5967 32.4113 51.5967C21.9456 51.5967 12.6498 44.9881 9.29409 35.1523L9.26837 35.0752H1.91406V35.9623L4.97407 36.3223C6.86408 36.5409 7.26265 37.3766 7.77694 38.4309L7.90551 38.6881C12.3284 48.1252 21.9584 54.2196 32.4242 54.2196C42.8899 54.2196 52.52 48.1252 56.9428 38.7009L57.0714 38.4438C57.5857 37.3895 57.9843 36.5538 59.8743 36.3352L62.9343 35.9752V35.0881H55.5543Z" fill="var(--fill-0, black)"/>
+</g>
+</svg>

package/templates/public/contact/contact01/logo-toyota.svg

@@ -0,0 +1,5 @@
+<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 85.7546 61.952" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Toyota_Logo 1">
+<path id="Vector" d="M20.8502 42.669H12V44.6255H15.2666V52.9685H17.5839V44.6255H20.8505L20.8502 42.669ZM29.5045 49.4721C29.3265 49.9219 29.0365 50.3187 28.6621 50.6249C28.2876 50.9312 27.8411 51.1366 27.3649 51.2218C27.1874 51.2532 27.0075 51.2691 26.8272 51.2694C26.6447 51.2694 26.4649 51.2522 26.2912 51.2218C25.8151 51.1368 25.3686 50.9315 24.9943 50.6252C24.6199 50.3189 24.3302 49.922 24.1527 49.4721C23.9462 48.9454 23.8403 48.3846 23.8407 47.8189C23.8407 47.2355 23.9517 46.6767 24.1527 46.1647C24.3304 45.715 24.6202 45.3182 24.9945 45.012C25.3688 44.7058 25.8152 44.5004 26.2912 44.4153C26.6461 44.3499 27.0098 44.3499 27.3647 44.4153C27.8408 44.5003 28.2873 44.7056 28.6618 45.0117C29.0362 45.3178 29.3262 45.7145 29.5042 46.1642C29.9191 47.2278 29.9194 48.4085 29.5045 49.4721ZM26.8267 42.3595C23.8132 42.3595 21.3676 44.8036 21.3676 47.8189C21.3676 50.8322 23.8132 53.2768 26.827 53.2768C29.8427 53.2768 32.2864 50.8322 32.2864 47.8191C32.2864 44.8036 29.8425 42.3595 26.8267 42.3595ZM32.323 42.669H35.0525L37.6016 47.0972L40.1506 42.669H42.8792L38.76 49.1581V52.9685H36.4431V49.1581L32.323 42.669ZM48.3818 51.2704C48.5638 51.2704 48.7446 51.252 48.9178 51.2218C49.394 51.1371 49.8405 50.9319 50.2149 50.6257C50.5893 50.3196 50.8791 49.9227 51.0566 49.4728C51.4746 48.4101 51.4746 47.2285 51.0566 46.1657C50.8791 45.7158 50.5893 45.3187 50.215 45.0124C49.8406 44.7061 49.394 44.5007 48.9178 44.4158C48.5623 44.3522 48.1984 44.3522 47.8429 44.4158C47.3669 44.5007 46.9206 44.706 46.5464 45.0123C46.1722 45.3185 45.8827 45.7154 45.7053 46.1652C45.4983 46.6918 45.3922 47.2526 45.3924 47.8184C45.3924 48.4023 45.5034 48.9597 45.7053 49.4726C45.8826 49.9224 46.1721 50.3193 46.5463 50.6255C46.9205 50.9316 47.3669 51.1369 47.8429 51.2215C48.0207 51.2536 48.2011 51.27 48.3818 51.2704ZM42.9214 47.8184C42.9214 44.8034 45.3646 42.3583 48.3816 42.3583C51.3951 42.3583 53.8407 44.8024 53.8407 47.8184C53.8405 50.8315 51.3951 53.278 48.3816 53.278C45.3646 53.278 42.9214 50.8315 42.9214 47.8184ZM69.6466 48.8919L68.13 44.8225L66.6114 48.8919H69.6466ZM70.3189 50.6939H65.9349L65.0916 52.9619H62.5134L66.6859 42.6614H69.5692L73.7432 52.9619H71.1681L70.3189 50.6939ZM63.1943 42.6688H54.3443V44.6255H57.6123L57.6113 52.9683H59.9297L59.9287 44.6255H63.1943V42.6688ZM53.0164 10.118C50.1853 9.20344 46.6758 8.67285 42.8716 8.67285C39.0673 8.67285 35.5578 9.20368 32.7268 10.118C25.2067 12.5361 20.0458 17.5496 20.0458 23.3296C20.0458 31.4692 30.2497 38.1045 42.8716 38.1045C55.4642 38.1045 65.6974 31.4987 65.6974 23.3296C65.6974 17.5496 60.5365 12.5361 53.0164 10.118ZM42.8716 31.764C40.9843 31.764 39.4508 28.0776 39.3623 23.4183C40.483 23.5362 41.6625 23.5657 42.8716 23.5657C44.0806 23.5657 45.2605 23.5067 46.3811 23.4183C46.2926 28.0776 44.7591 31.764 42.8716 31.764ZM39.5982 19.7909C40.0993 16.5174 41.3675 14.2172 42.8716 14.2172C44.3462 14.2172 45.6142 16.5174 46.145 19.7909C45.1128 19.8793 43.9922 19.9383 42.8716 19.9383C41.751 19.9383 40.6598 19.8793 39.5982 19.7909ZM48.1504 19.5256C47.3838 14.4236 45.3194 10.7372 42.8716 10.7372C40.424 10.7372 38.3596 14.3941 37.5927 19.5253C32.9629 18.7882 29.7187 17.1662 29.7187 15.2492C29.7187 12.654 35.617 10.5604 42.8716 10.5604C50.1264 10.5604 56.0245 12.654 56.0245 15.2492C56.0245 17.1662 52.7805 18.8179 48.1504 19.5256ZM23.3784 22.7985C23.3784 20.292 24.3514 17.9621 26.0326 15.9274C26.0031 16.0748 26.0031 16.2222 26.0031 16.3401C26.0031 19.4956 30.7214 22.1498 37.2977 23.1525V23.8602C37.2977 29.6993 38.9199 34.6537 41.1612 36.3643C31.1933 35.7746 23.3781 29.9356 23.3781 22.7988L23.3784 22.7985ZM44.5822 36.3938C46.8232 34.6834 48.4454 29.7288 48.4454 23.8897V23.1822C55.0218 22.2087 59.7401 19.5251 59.7401 16.3696C59.7401 16.2222 59.7401 16.0748 59.7106 15.9569C61.3918 17.9621 62.365 20.3215 62.365 22.8282C62.365 29.9354 54.5499 35.7746 44.582 36.3938H44.5822Z" fill="var(--fill-0, black)"/>
+</g>
+</svg>