diff --git a/src/components/layout/Footer.tsx b/src/components/layout/Footer.tsx
index cc238da..1cdd335 100644
--- a/src/components/layout/Footer.tsx
+++ b/src/components/layout/Footer.tsx
@@ -63,7 +63,11 @@ export default function Footer() {
<SocialButton href="mailto:support@photoshot.app">
<MdAlternateEmail />
</SocialButton>
- <Text fontSize="lg" fontWeight="bold">
+ <Text
+ display={{ base: "none", sm: "block" }}
+ fontSize="lg"
+ fontWeight="bold"
+ >
Photoshot.
</Text>
</Stack>
diff --git a/src/pages/faq.tsx b/src/pages/faq.tsx
index 50d7aff..21430ea 100644
--- a/src/pages/faq.tsx
+++ b/src/pages/faq.tsx
@@ -1,5 +1,6 @@
import PageContainer from "@/components/layout/PageContainer";
-import { Link, List, ListItem, Text, VStack } from "@chakra-ui/react";
+import { Text, VStack } from "@chakra-ui/react";
+import Link from "next/link";
import React from "react";
const Terms = () => {
@@ -73,11 +74,17 @@ const Terms = () => {
any of the data or content associated with your account.
</Text>
<Text>
- Please be aware that only the data on Photoshot servers will be
+ Please be aware that only the data on Photoshot servers will be
deleted. Data that was transmitted to Replicate will not be deleted.
- You would have to contact them in order to do so, according to their
+ You would have to contact them in order to do so, according to their{" "}
<Link href="https://replicate.com/privacy">Terms of Service</Link>.
</Text>
+ <Text fontWeight="bold" fontSize="xl">
+ ❓ How it works?
+ </Text>
+ <Text>
+ See <Link href="/how-it-works">this page</Link>
+ </Text>
</VStack>
</PageContainer>
);
diff --git a/src/pages/how-it-works.tsx b/src/pages/how-it-works.tsx
new file mode 100644
index 0000000..fedf384
--- /dev/null
+++ b/src/pages/how-it-works.tsx
@@ -0,0 +1,65 @@
+import PageContainer from "@/components/layout/PageContainer";
+import { Text, VStack } from "@chakra-ui/react";
+import Head from "next/head";
+import React from "react";
+
+const HowItWorks = () => {
+ return (
+ <PageContainer maxWidth="container.md">
+ <Head>
+ <title>AI Avatar: how it works - Photoshot</title>
+ </Head>
+
+ <VStack
+ alignItems="flex-start"
+ borderRadius="xl"
+ p={10}
+ backgroundColor="white"
+ spacing={4}
+ >
+ <Text
+ fontSize={{ base: "3xl", md: "4xl" }}
+ fontWeight="extrabold"
+ as="h1"
+ >
+ AI Avatar: how it works?
+ </Text>
+ <Text>
+ Have you heard of Dreambooth? {"It's"} a new AI tool that uses the
+ stable diffusion model to create avatars that look just like you! The
+ stable diffusion model is a type of generative model that is used to
+ create images that are realistic and visually appealing.
+ </Text>
+ <Text>
+ It works by diffusing the generated images through a series of
+ filters, which smooth out the image and make it more lifelike. This
+ process is repeated multiple times, with the generated images becoming
+ increasingly smooth and realistic with each iteration. Dreambooth uses
+ the stable diffusion model to create avatars that look like you, based
+ on a set of input data.
+ </Text>
+ <Text>
+ {"It's"} trained on a large dataset of images, and uses this training
+ to generate new images that are similar to the ones in the dataset.
+ The discriminator is used to determine whether the generated images
+ are real or fake. One of the benefits of Dreambooth is that it can
+ create high-quality avatars with relatively little training data. This
+ makes it a great option for situations where there is a limited amount
+ of data available, or when the data is too large to be processed by
+ traditional generative models.
+ </Text>
+ <Text>
+ Overall, Dreambooth is a powerful AI tool that uses the stable
+ diffusion model to create avatars that look just like you. Its use of
+ diffusion to smooth out and refine the generated images makes it an
+ effective and efficient alternative to traditional generative models.
+ So, it has the potential to revolutionize the way we create avatars
+ and could have a wide range of applications in fields such as computer
+ graphics, machine learning, and more.
+ </Text>
+ </VStack>
+ </PageContainer>
+ );
+};
+
+export default HowItWorks;
diff --git a/src/pages/sitemap.xml.ts b/src/pages/sitemap.xml.ts
index 68c0504..f0486dc 100644
--- a/src/pages/sitemap.xml.ts
+++ b/src/pages/sitemap.xml.ts
@@ -16,9 +16,12 @@ function generateSiteMap(prompts: TPrompt[]) {
<url>
<loc>https://photoshot.app/faq</loc>
</url>
- <url>
+ <url>
<loc>https://photoshot.app/prompts</loc>
</url>
+ <url>
+ <loc>https://photoshot.app/how-it-works</loc>
+ </url>
${prompts
.map(({ slug }) => {
return `