diff --git a/src/components/Comics/ComicView.tsx b/src/components/Comics/ComicView.tsx
index 2d0ac77..c0ef85f 100644
--- a/src/components/Comics/ComicView.tsx
+++ b/src/components/Comics/ComicView.tsx
@@ -33,12 +33,13 @@ const ComicView = () => {
}
`
)
- console.log(firstCover)
- const Button = styled.a`
+
+ const Button = styled.button`
margin-left: auto;
margin-right: auto;
width: 50%;
text-align: center;
+ font-family: "Gunterz-Medium";
display: block;
top: auto;
left: auto;
@@ -68,38 +69,26 @@ const ComicView = () => {
*/}
{/* */}
-
-
- The Dare Dollz live in the city of Carnado in the year 2050. Carnado
- City is an affluent city leading the way in innovative technology. As
- a result, the city consists of and attracts the wealthiest people,
- known to set lifestyle trends the average person won't ever
- experience. Xio, Paris, Chanel, and Bleu have no shortage of wealth or
- beauty. They are the archetype of Carnado City.
-
- Known as social media mavens, they constantly engage with their
- millions of followers online. Broadcasting the Carnado City lifestyle
- of enjoyable leisure days and exciting nights full of entertainment to
- all their fans. They seem to have it all, but there is more to these
- ladies and Carnado City than meets the eye. They are signed to the
- Darek Knox Agency, the most elite talent agency, where nothing and no
- one is average.
-
-
- The agency consists of extraordinary talent and exceptional beauty.
- Because of their "perfect" appearance, the girls are affectionately
- called "Darek's Dolls," later coining the shortened version "Dare
- Dollz." Darek Knox and his expansive team recruit the top students in
+ Meet Dare Dollz, the young, stylish social media mavens who hold all
+ the keys to the futuristic city of Carnado. Xio, Paris, Chanel, and
+ Bleu seem to have it all, but there is more to these ladies and
+ Carnado City than meets the eye. The girls are signed to the Darek
+ Knox Agency, the most elite talent agency, where nothing and no one is
+ average. Darek Knox and his expansive team recruit the top students in
academia, athletics, and creativity at a young age to cultivate their
- talents, making them masters of their craft.
+ talents, making them the ultimate secret agents.
Dare Dollz can be quite the femme Fatales, a fusion of mind, muscle,
and, to be frank, a lot of seduction. Using these characteristics
- always gets the dollz what they want. They can solve any problem for
- the right price! Just remember that Dollz are really expensive.
+ always gets the Dollz what they want. However, this is about to change
+ when their latest mission involves 2050's most prominent rap artist, 8
+ Figga, and his addiction to money and fame. The Dollz have to face
+ their most powerful opponent while keeping up with their super famous
+ alter egos.
+
)
diff --git a/src/components/Navigation/styles.ts b/src/components/Navigation/styles.ts
index d3ef896..f9c98dd 100644
--- a/src/components/Navigation/styles.ts
+++ b/src/components/Navigation/styles.ts
@@ -101,6 +101,7 @@ export const MenuLogo = styled.img`
@media (max-width: ${breakpoints.s}px) {
width: 90px;
padding-left: none;
+ padding-right: 0;
}
@media (min-width: ${breakpoints.s}px) {
padding-left: none;
diff --git a/src/components/subscribe.tsx b/src/components/subscribe.tsx
new file mode 100644
index 0000000..0e9d9ad
--- /dev/null
+++ b/src/components/subscribe.tsx
@@ -0,0 +1,92 @@
+import React, { useState } from "react"
+import { breakpoints } from "../utils/styles"
+import { Paragraph, ParagraphHeader } from "./Comics/styles"
+import styled from "@emotion/styled"
+import addToMailchimp from "gatsby-plugin-mailchimp"
+import { MainButtonStatic } from "../layouts/styles"
+
+const SubmitButton = styled.input`
+ /* width: 40%; */
+ font-weight: 600;
+ padding: 0.5rem;
+ background-color: black;
+ color: white;
+ text-transform: uppercase;
+ /* width: 100%; */
+ /* margin-top: 0rem; */
+ border: 0.0625rem solid #000;
+ /* height: 30px; */
+ @media (max-width: ${breakpoints.m}px) {
+ width: 94%;
+ }
+`
+const FlexDiv = styled.div`
+ display: flex;
+ margin-top: 1rem;
+ @media (max-width: ${breakpoints.m}px) {
+ display: block;
+ /* width: 94%; */
+ font-size: 1.5rem;
+ }
+`
+const Input = styled.input`
+ /* width: 40%; */
+ padding: 0.4rem;
+ font-family: "Gunterz-Medium";
+ display: inline-block;
+ flex-grow: 1;
+ @media (max-width: ${breakpoints.m}px) {
+ display: block;
+ /* margin-left: auto;
+ margin-right: auto; */
+ width: 90%;
+ }
+`
+const Subscribe = ({ text }: { text?: string }) => {
+ const [email, setEmail] = useState("")
+ const [sent, setSent] = useState(false)
+
+ const handleSubmit = e => {
+ console.log("peace")
+ e.preventDefault()
+ setSent(true)
+ addToMailchimp(email, { source: "Website" }, null)
+ .then(data => {
+ console.log(data)
+ })
+ .catch(e => {
+ console.log(e)
+ })
+ }
+ return (
+
+ {/* */}
+
+ {/* */}
+
+ )
+}
+
+export default Subscribe
diff --git a/src/layouts/styles.ts b/src/layouts/styles.ts
index 7df86e7..3b6d0f0 100644
--- a/src/layouts/styles.ts
+++ b/src/layouts/styles.ts
@@ -1,4 +1,5 @@
import styled from "@emotion/styled"
+import { breakpoints } from "../utils/styles"
export const Container = styled.div`
/* background-color: "#302F2F"; */
@@ -10,6 +11,10 @@ export const MainWrapper = styled.div`
padding-left: 2rem;
padding-right: 2rem;
/* background-color: black; */
+ @media (max-width: ${breakpoints.s}px) {
+ padding-left: 1rem;
+ padding-right: rem;
+ }
`
export const Wrapper = styled.div`
background-color: white;
@@ -38,6 +43,31 @@ export const CartWrapper = styled.div`
padding-top: 15px;
}
`
+export const MainButtonStatic = styled.button`
+ /* margin-left: auto;
+ margin-right: auto; */
+ /* width: 50%; */
+ text-align: center;
+ font-family: "Gunterz-Medium";
+ /* display: block; */
+ /* top: auto;
+ left: auto; */
+ border-color: black;
+ &:hover {
+ background-color: #01ff8f;
+ }
+ font-size: 1.5rem;
+ background-color: #9fedff;
+ /* padding: 0.5rem 1rem; */
+ border-width: 0.08em;
+ border-style: solid;
+ display: inline-block;
+ @media (max-width: ${breakpoints.m}px) {
+ display: block;
+ width: 93%;
+ font-size: 1.5rem;
+ }
+`
export const MainButton = styled("a")`
background-color: #9fedff;
padding: 0.5rem 1rem;
@@ -79,7 +109,7 @@ export const Mobile = styled.div`
`
export const Character = styled.a`
- font-family: "Helvetica-Neue";
+ font-family: "Arial ";
`
export const MobileLink = styled.a`
padding: 8px 30px 8px 32px;
diff --git a/src/pages/about.tsx b/src/pages/about.tsx
index d03a500..5faaac1 100644
--- a/src/pages/about.tsx
+++ b/src/pages/about.tsx
@@ -4,6 +4,7 @@ import styled from "@emotion/styled"
import SEO from "../components/seo"
import Image from "gatsby-image"
import addToMailchimp from "gatsby-plugin-mailchimp"
+import Subscribe from "../components/subscribe"
import {
Container,
@@ -261,7 +262,7 @@ const AboutPage = () => {
const { creatorz, darius, videos } = useStaticQuery(graphql`
{
- creatorz: file(relativePath: { in: "creatorz.jpg" }) {
+ creatorz: file(relativePath: { in: "headgrid.JPG" }) {
id
childImageSharp {
fluid {
@@ -297,87 +298,15 @@ const AboutPage = () => {
-
-
-
- {/* Dare Moreno */}
-
-
- {/* */}
- {/* Darius Moreno */}
-
- Darius and Dare Moreno are the creators of Dare Dollz. The
- brother/sister duo grew up in Washington D.C. before moving to NYC
- in their late teens.
-
-
-
-
- They attended performing arts schools such as the Ellington School of
- the Arts in D.C., studying fine art, writing, and theater. Outside of
- school, the Moreno's spent most of their time creating. Whether it was
- building homes made up of shoeboxes for their toys or creating comic
- books with their friends, it was no surprise they would grow to become
- sought after creators.{" "}
-
-
- Darius, the youngest twin, illustrated the 2012 Christmas card for the
- Obamas before graduating high school. He then majored in illustration
- at The New School of Design, wherein his Junior year, he painted the
- cover of Goldlink's grammy nominated album At What Cost.{" "}
-
-
- Dare, however, was not always a visual artist. She majored in theater
- and minored in writing at Penn state. When she moved to New York in
- 2015, she became a food vlogger (video blogger), creating a popular
- web series titled A Girl's Gotta Eat!. The vlog landed Moreno in
- multiple publications such as N.Y., Vice, and Office magazine. In
- addition, the exposure led to her filming episodes in various
- countries like Japan, Taiwan, and South Korea.{" "}
-
-
- In the summer of 2018, while visiting their grandmother, a porcelain
- doll collector, the twins got the idea to create their own dolls. They
- already had sculpting and sewing experience and used it to invent the
- flashy, bold, and fabulous characters now known as the Dare Dollz.
- Darius and Dare are now based out of Los Angeles, where they produce
- dolls, comics, claymation, and other creative projects in their home
- studio.
-
-
-
-
-
-
-
-
- To contact us feel free to shoot us an email at{" "}
-
- daredollz95@gmail.com
-
-
-
+
+ Dare Dollz began as a graphic novel inspired by the grit and glamour
+ of urban culture. It has since developed into a brand expanding into
+ collectible dolls and apparel.
+
+
+ {/*
+ */}
+ Recent Work:
@@ -509,6 +438,14 @@ const AboutPage = () => {
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
>
+
+
+ To business inquires shoot us an email at{" "}
+
+ daredollz95@gmail.com
+
+
+ {
- To contact us feel free to shoot us an email at{" "}
+ For commisions{" "}
daredollz95@gmail.com
diff --git a/src/pages/shop.tsx b/src/pages/shop.tsx
index 24ef7eb..930f5e3 100644
--- a/src/pages/shop.tsx
+++ b/src/pages/shop.tsx
@@ -8,6 +8,7 @@ import styled from "@emotion/styled"
import { breakpoints } from "../utils/styles"
import Navigation from "../components/Navigation"
import { MainWrapper } from "../layouts/styles"
+import Subscribe from "../components/subscribe"
const Img = styled(Image)`
max-width: 100%;
@@ -50,7 +51,7 @@ const ComingSoon = styled.div`
const IndexPage = () => {
const { dollz } = useStaticQuery(graphql`
{
- dollz: file(relativePath: { regex: "g/box/" }) {
+ dollz: file(relativePath: { regex: "g/box.jpeg/" }) {
id
childImageSharp {
fluid {
@@ -71,6 +72,7 @@ const IndexPage = () => {
Coming Soon
+
)
diff --git a/src/pages/studio.tsx b/src/pages/studio.tsx
index d03a500..4311cb2 100644
--- a/src/pages/studio.tsx
+++ b/src/pages/studio.tsx
@@ -15,22 +15,8 @@ import {
} from "../utils/styles"
import Navigation from "../components/Navigation"
import { MainWrapper } from "../layouts/styles"
+import Subscribe from "../components/subscribe"
-const SubmitButton = styled.input`
- /* width: 40%; */
- font-weight: 600;
- padding: 0.5rem;
- background-color: black;
- color: white;
- text-transform: uppercase;
- /* width: 100%; */
- /* margin-top: 0rem; */
- border: 0.0625rem solid #000;
- /* height: 30px; */
- @media (max-width: ${breakpoints.m}px) {
- width: 90%;
- }
-`
const ParagraphHeader = styled.p`
background: linear-gradient(140deg, #1c24e9, #9acd32);
/* -webkit-animation: AnimationName 59s ease infinite; */
@@ -51,13 +37,13 @@ const ParagraphHeader = styled.p`
const Input = styled.input`
width: 40%;
padding: 0.4rem;
- font-family: "Helvetica";
+ font-family: "Gunterz-Medium";
@media (max-width: ${breakpoints.m}px) {
width: 90%;
}
`
const Email = styled.a`
- /* font-size: 1.3rem; */
+ font-size: 1rem;
line-height: 1.5;
padding-top: 1rem;
@@ -344,35 +330,10 @@ const AboutPage = () => {
dolls, comics, claymation, and other creative projects in their home
studio.
+ {/* */}
-
-
-
-
-
- To contact us feel free to shoot us an email at{" "}
+ For business/press inquires shoot us an email at{" "}
daredollz95@gmail.com