diff --git a/pages/intimacy-and-drugs.tsx b/pages/intimacy-and-drugs.tsx new file mode 100644 index 0000000..e370ebd --- /dev/null +++ b/pages/intimacy-and-drugs.tsx @@ -0,0 +1,209 @@ +import { + I1, + I2, + I3, + I4, + I5, + I6, + I6i, + I7, + I8, + I8i, + I9, + I10, +} from "data/intimacy-and-drugs"; +import { pageRoutes } from "data/routes"; +import React from "react"; +import { + barGraphProps, + DefaultProp, + pieChartProps, + barGraphMargin, + barGraphWidth, +} from "utils/defaultProps"; +import { useWindowDimensions } from "utils/getWindowDimensions"; +import { useIsMobile } from "utils/isMobile"; + +import { BarGraphVertical, BarGraphHorizontal } from "@/components/BarGraph"; +import { BottomNav } from "@/components/BottomNav"; +import { ComponentWrapper } from "@/components/ComponentWrapper"; +import { GroupedBarGraphVertical } from "@/components/GroupedBarGraph"; +import { Header } from "@/components/Header"; +import { PieChart } from "@/components/PieChart"; +import { QuotationCarousel } from "@/components/QuotationCarousel"; +import { SectionHeader } from "@/components/SectionHeader"; +import { WordCloud } from "@/components/WordCloud"; + +import { Color } from "../utils/Color"; + +import styles from "./samplePage.module.css"; + +export default function Demographics() { + const pageWidth = useWindowDimensions().width; + const isMobile = useIsMobile(); + + return ( +