447 lines
17 KiB
TypeScript
447 lines
17 KiB
TypeScript
import {
|
||
Body,
|
||
Button,
|
||
Container,
|
||
Column,
|
||
Head,
|
||
Hr,
|
||
Html,
|
||
Img,
|
||
Link,
|
||
Preview,
|
||
Row,
|
||
Section,
|
||
Text,
|
||
} from "@react-email/components";
|
||
import { Tailwind } from "@react-email/tailwind";
|
||
import * as React from "react";
|
||
|
||
const baseUrl = "https://files.graff.tech/mail2";
|
||
|
||
function GraffEmail() {
|
||
return (
|
||
<Html>
|
||
<Tailwind>
|
||
<Head />
|
||
<Preview>Интерактивный инструмент продаж для застройщиков</Preview>
|
||
<Body
|
||
className="bg-white text-[#14161F] my-auto mx-auto"
|
||
style={{ fontFamily: "Arial, sans-serif" }}
|
||
>
|
||
<Container className="mx-auto max-w-[600px]">
|
||
<Section className="p-4 pb-0 mb-10">
|
||
<Button href="https://graff.tech" target="_blank">
|
||
<Img
|
||
src={`${baseUrl}/logo.png`}
|
||
alt=""
|
||
width={104}
|
||
className="mb-10"
|
||
/>
|
||
</Button>
|
||
<Text className="text-[#798FFF] font-semibold text-[32px] mb-0 text-wrap leading-[32px]">
|
||
Интерактивный инструмент
|
||
<br /> продаж для застройщиков
|
||
</Text>
|
||
<Text className="mb-10 leading-snug text-[15px]">
|
||
Помогаем бизнесу эффективно демонстрировать свой объект.
|
||
<br />
|
||
Продавать больше и быстрее.
|
||
</Text>
|
||
<Button href="tel:+78007700076" className="w-full">
|
||
<Img
|
||
src={`${baseUrl}/buttons/1-new.png`}
|
||
className="w-[132px]"
|
||
alt=""
|
||
/>
|
||
</Button>
|
||
</Section>
|
||
|
||
<Section className="mb-16 px-4 rounded-2 border overflow-hidden">
|
||
<Img
|
||
src={`${baseUrl}/image1.gif`}
|
||
alt=""
|
||
width={"100%"}
|
||
className="rounded-[8px]"
|
||
/>
|
||
</Section>
|
||
|
||
<Section className="px-4 mb-16">
|
||
<Text className="text-[#798FFF] font-semibold text-[24px] leading-[24px] mt-0">
|
||
Функциональные <br /> возможности
|
||
</Text>
|
||
<Text className="leading-snug mb-10 text-[15px]">
|
||
Интерактивная презентация увлекает покупателей и предоставляет
|
||
актуальную информацию о жилом комплексе.
|
||
<br />
|
||
Отвечает на интересующие вопросы, показывает особенности
|
||
и преимущества объекта.
|
||
</Text>
|
||
|
||
<Img
|
||
src={`${baseUrl}/features/1-new.jpg`}
|
||
alt=""
|
||
className="mb-3 rounded-[8px]"
|
||
width={"100%"}
|
||
/>
|
||
<Text className="font-bold m-0 mb-8 text-[14px]">
|
||
Вся инфраструктура на одном экране
|
||
</Text>
|
||
|
||
<Img
|
||
src={`${baseUrl}/features/2-new.jpg`}
|
||
alt=""
|
||
className="mb-3 rounded-[8px]"
|
||
width={"100%"}
|
||
/>
|
||
<Text className="font-bold m-0 mb-8 text-[14px]">
|
||
Виртуальный тур по жилому комплексу
|
||
</Text>
|
||
|
||
<Img
|
||
src={`${baseUrl}/features/3.gif`}
|
||
alt=""
|
||
className="mb-3 rounded-[8px]"
|
||
width={"100%"}
|
||
/>
|
||
<Text className="font-bold m-0 mb-8 text-[14px]">
|
||
Конфигуратор интерьера
|
||
</Text>
|
||
|
||
<Img
|
||
src={`${baseUrl}/features/4-new.jpg`}
|
||
alt=""
|
||
className="mb-3 rounded-[8px]"
|
||
width={"100%"}
|
||
/>
|
||
<Text className="font-bold m-0 mb-8 text-[14px]">
|
||
Параметрический поиск квартир
|
||
</Text>
|
||
|
||
<Img
|
||
src={`${baseUrl}/features/5-new.jpg`}
|
||
alt=""
|
||
className="mb-3 rounded-[8px]"
|
||
width={"100%"}
|
||
/>
|
||
<Text className="font-bold m-0 mb-8 text-[14px]">
|
||
Поиск квартиры на генплане
|
||
</Text>
|
||
|
||
<Img
|
||
src={`${baseUrl}/features/6-new.jpg`}
|
||
alt=""
|
||
className="mb-3 rounded-[8px]"
|
||
width={"100%"}
|
||
/>
|
||
<Text className="font-bold m-0 mb-8 text-[14px]">
|
||
Интеграция с CRM-системой
|
||
</Text>
|
||
|
||
<Img
|
||
src={`${baseUrl}/features/7-new.jpg`}
|
||
alt=""
|
||
className="mb-3 rounded-[8px]"
|
||
width={"100%"}
|
||
/>
|
||
<Text className="font-bold m-0 mb-8 text-[14px]">
|
||
Любой рендер за несколько секунд
|
||
</Text>
|
||
|
||
<Img
|
||
src={`${baseUrl}/features/8-new.gif`}
|
||
alt=""
|
||
className="mb-3 rounded-[8px]"
|
||
width={"100%"}
|
||
/>
|
||
<Text className="font-bold m-0 mb-8 text-[14px]">
|
||
Формирование вишлиста
|
||
</Text>
|
||
|
||
<Img
|
||
src={`${baseUrl}/features/9-new.jpg`}
|
||
alt=""
|
||
className="mb-3 rounded-[8px]"
|
||
width={"100%"}
|
||
/>
|
||
<Text className="font-bold m-0 mb-8 text-[14px]">
|
||
Отправка коммерческого предложения
|
||
</Text>
|
||
<Img
|
||
src={`${baseUrl}/features/10-new.jpg`}
|
||
alt=""
|
||
className="mb-3 rounded-[8px]"
|
||
width={"100%"}
|
||
/>
|
||
<Text className="font-bold m-0 text-[14px]">
|
||
Экскурсия в виртуальной реальности
|
||
</Text>
|
||
</Section>
|
||
|
||
<Section className="px-4 mb-16">
|
||
<Text className="text-[#798FFF] font-semibold text-[24px] mt-0 leading-[24px]">
|
||
Эффективность инструмента продаж в цифрах
|
||
</Text>
|
||
<Text className="mb-10 leading-snug text-[15px]">
|
||
За 10 лет работы с застройщиками, реализовали 21 проект
|
||
<br />и собрали подробную статистику
|
||
</Text>
|
||
<Hr className="border-[#F0F2F8]" />
|
||
<Text className="text-[#798FFF] text-[64px] pt-6 pb-2">18%</Text>
|
||
<Text className="leading-snug text-[15px]">
|
||
увеличения конверсии
|
||
<br />
|
||
из консультации в бронирование
|
||
</Text>
|
||
|
||
<Hr className="border-[#F0F2F8]" />
|
||
<Text className="text-[#798FFF] text-[64px] pt-6 pb-2">12%</Text>
|
||
<Text className="leading-snug text-[15px]">
|
||
увеличения конверсии
|
||
<br />
|
||
из бронирования в продажу
|
||
</Text>
|
||
|
||
<Hr className="border-[#F0F2F8]" />
|
||
<Text className="text-[#798FFF] text-[64px] pt-6 pb-2">x2</Text>
|
||
<Text className="leading-snug text-[15px]">
|
||
сокращает время
|
||
<br />
|
||
реализации проекта
|
||
</Text>
|
||
</Section>
|
||
<Section className="px-4">
|
||
<Text className="text-[#798FFF] text-[24px] font-semibold mt-0">
|
||
Graff.estate stream – демонстрация жилого комплекса в браузере
|
||
</Text>
|
||
<Text className="leading-snug text-[15px]">
|
||
Высокий уровень графики и полное погружение покупателя в процесс
|
||
выбора квартиры. Местоположение и устройство значения не имеют.
|
||
<br />
|
||
Нужен только интернет.
|
||
</Text>
|
||
</Section>
|
||
|
||
<Img
|
||
src={`${baseUrl}/image2.png`}
|
||
alt=""
|
||
className="mb-4 -mt-8"
|
||
width={"100%"}
|
||
/>
|
||
|
||
<Section className="p-4 mb-16">
|
||
<Button href="https://stream.graff.tech/" className="w-full pb-0">
|
||
<Img
|
||
src={`${baseUrl}/buttons/2-new.png`}
|
||
className="w-[204px]"
|
||
alt=""
|
||
/>
|
||
</Button>
|
||
</Section>
|
||
|
||
<Section className="px-4 mb-16">
|
||
<Text className="text-[#798FFF] text-[24px] font-bold mt-0">
|
||
Победители BuildUP <br />
|
||
2023 в номинации IT
|
||
</Text>
|
||
<Img
|
||
src={`${baseUrl}/buildup.jpg`}
|
||
alt=""
|
||
className="mb-3 rounded-[13px]"
|
||
width={"100%"}
|
||
/>
|
||
<Text className="leading-snug mb-0 text-[15px]">
|
||
в 2023 году наш продукт для застройщиков{" "}
|
||
<Link href="https://graff.estate/">graff.estate</Link> был
|
||
признан лучшим в категории IT на Акселераторе технологических
|
||
стартапов от лидеров в строительстве и девелопменте Build UP от
|
||
Фонда «Сколково»
|
||
</Text>
|
||
</Section>
|
||
|
||
<Section className="px-4 mb-16">
|
||
<Text className="text-[#798FFF] text-[24px] mt-0 font-semibold">
|
||
Реализованные <br />
|
||
проекты
|
||
</Text>
|
||
|
||
<Button href="https://www.youtube.com/watch?v=xXgPV0P6U0U">
|
||
<Img
|
||
src={`${baseUrl}/projects/2-new.jpg`}
|
||
alt=""
|
||
className="mb-3 rounded-[12px]"
|
||
width={"100%"}
|
||
/>
|
||
</Button>
|
||
<Text className="text-lg font-bold m-0 text-[14px]">
|
||
МФК «Re:volution towers»
|
||
</Text>
|
||
<Text className="text-[#6C7493] m-0 text-[12px] mb-8 opacity-50">
|
||
Россия, Екатеринбург
|
||
</Text>
|
||
|
||
<Button href="https://www.youtube.com/watch?v=qyj3QICSq_I">
|
||
<Img
|
||
src={`${baseUrl}/projects/1-new.jpg`}
|
||
alt=""
|
||
className="mb-3 rounded-[12px]"
|
||
width={"100%"}
|
||
/>
|
||
</Button>
|
||
<Text className="text-[14px] font-bold m-0">
|
||
ЖК «Айвазовский City»
|
||
</Text>
|
||
<Text className="text-[#6C7493] m-0 text-[12px] opacity-50">
|
||
Россия, Тюмень
|
||
</Text>
|
||
</Section>
|
||
|
||
<Section className="px-4 mb-16">
|
||
<Text className="text-[#798FFF] mt-0 text-[24px] font-semibold">
|
||
Отзывы наших <br />
|
||
клиентов
|
||
</Text>
|
||
<Button href="https://www.youtube.com/watch?si=IbpH9rwxrQq8TDc9&v=j-7wAmdZ1rE&feature=youtu.be">
|
||
<Img
|
||
src={`${baseUrl}/reviews/1.jpg`}
|
||
alt=""
|
||
width={"100%"}
|
||
className="mb-3 rounded-2xl"
|
||
/>
|
||
</Button>
|
||
<Text className="text-lg font-bold m-0 text-[14px]">
|
||
ЖК «Авторский квартал Машаров»
|
||
</Text>
|
||
<Text className="text-[#6C7493] m-0 mb-8 text-[12px] opacity-50">
|
||
Россия, Тюмень
|
||
</Text>
|
||
|
||
<Button href="https://www.youtube.com/watch?v=lAWF91CPOdY">
|
||
<Img
|
||
src={`${baseUrl}/reviews/2.jpg`}
|
||
alt=""
|
||
width={"100%"}
|
||
className="mb-3 rounded-2xl"
|
||
/>
|
||
</Button>
|
||
<Text className="text-lg font-bold m-0 text-[14px]">
|
||
ЖК «Айвазовский City»
|
||
</Text>
|
||
<Text className="text-[#6C7493] m-0 text-[12px] opacity-50">
|
||
Россия, Тюмень
|
||
</Text>
|
||
</Section>
|
||
|
||
<Section className="px-6 mb-16">
|
||
<Text className="text-[#798FFF] text-[24px] font-semibold">
|
||
География проектов
|
||
</Text>
|
||
|
||
<Text className="text-lg font-semibold m-0">Россия</Text>
|
||
<Img
|
||
src={`${baseUrl}/maps/1.png`}
|
||
alt=""
|
||
width={"100%"}
|
||
className="mb-10 "
|
||
/>
|
||
<Text className="text-lg font-semibold m-0">ОАЭ, Абу-Даби </Text>
|
||
<Img src={`${baseUrl}/maps/2.png`} alt="" width={161} />
|
||
</Section>
|
||
|
||
<Section className="px-4 mb-16">
|
||
<Text className="text-[#798FFF] text-[24px] font-semibold">
|
||
Наши клиенты
|
||
<br /> в девелопменте
|
||
</Text>
|
||
<Section>
|
||
<Img src={`${baseUrl}/clients-new.png`} alt="" width={"100%"} />
|
||
</Section>
|
||
</Section>
|
||
|
||
<Section className="px-4 mb-16">
|
||
<Text className="text-[14px] font-semibold my-2 mt-0">
|
||
Георгий Уморин
|
||
</Text>
|
||
<Text className="m-0">
|
||
<Link href="mailto:gera@graff.tech" className="text-[#35363C]">
|
||
gera@graff.tech
|
||
</Link>
|
||
</Text>
|
||
<Text className="mt-0 mb-4">
|
||
<Link href="tel:+79030864499" className="text-[#35363C]">
|
||
8 903 086 44 99
|
||
</Link>
|
||
</Text>
|
||
|
||
<Text className="text-[14px] font-semibold my-2 mt-0">
|
||
Контакты
|
||
</Text>
|
||
<Text className="m-0">
|
||
<Link href="mailto:info@graff.tech" className="text-[#35363C]">
|
||
info@graff.tech
|
||
</Link>
|
||
</Text>
|
||
<Text className="my-0">
|
||
<Link href="tel:+78007700076" className="text-[#35363C]">
|
||
8 800 770 00 67
|
||
</Link>
|
||
</Text>
|
||
<Text className="mt-0 mb-4">
|
||
<Link href="https://graff.estate/" className="text-[#35363C]">
|
||
graff.estate
|
||
</Link>
|
||
</Text>
|
||
<Hr className="border-[#F0F2F8] mb-6" />
|
||
<Text className="text-[14px] font-semibold mt-0">
|
||
Социальные сети
|
||
</Text>
|
||
<Text className="m-0">
|
||
<Link
|
||
href="https://t.me/GRAFFinteractive"
|
||
className="text-[#35363C]"
|
||
>
|
||
Telegram
|
||
</Link>
|
||
</Text>
|
||
<Text className="mt-0 mb-0">
|
||
<Link
|
||
href="https://vk.com/graff.interactive"
|
||
className="text-[#35363C]"
|
||
>
|
||
VK
|
||
</Link>
|
||
</Text>
|
||
<Text className="mt-0">
|
||
<Link
|
||
href="https://www.youtube.com/@GRAFFtech"
|
||
className="text-[#35363C]"
|
||
>
|
||
YouTube
|
||
</Link>
|
||
</Text>
|
||
<Hr className="border-[#F0F2F8]" />
|
||
</Section>
|
||
<Section className="bg-[#F0F2F9] px-4 py-8">
|
||
<Button href="https://graff.tech" target="_blank">
|
||
<Img
|
||
src={`${baseUrl}/logo.png`}
|
||
alt=""
|
||
width={120}
|
||
height={46}
|
||
/>
|
||
</Button>
|
||
|
||
<Text className="text-[#C1C7E8] leading-snug mb-0 text-[12px]">
|
||
© 2023 GRAFF interactive.
|
||
<br />
|
||
Все права защищены
|
||
</Text>
|
||
</Section>
|
||
</Container>
|
||
</Body>
|
||
</Tailwind>
|
||
</Html>
|
||
);
|
||
}
|
||
|
||
export default GraffEmail;
|