EvanMarie

import { useState } from "react";
import TransitionFull from "~/components/buildingBlocks/TransitionFull";
import FlexFull from "~/components/buildingBlocks/flexFull";
import Text from "~/components/buildingBlocks/text";
import VStackFull from "~/components/buildingBlocks/vStackFull";
import TeslaSmallScreenMenu from "./components/teslaSmallMenu";
import Flex from "~/components/buildingBlocks/flex";
import VStack from "~/components/buildingBlocks/vStack";
import { motion } from "framer-motion";
import TeslaLargeScreenMenu from "./components/teslaMenuLarge";

EvanMarie

import { useEffect, useRef, useState } from "react";
import { TbMenu } from "react-icons/tb";
import Flex from "~/components/buildingBlocks/flex";
import FlexFull from "~/components/buildingBlocks/flexFull";
import HStack from "~/components/buildingBlocks/hStack";
import Icon from "~/components/buildingBlocks/icon";
import Text from "~/components/buildingBlocks/text";
import VStackFull from "~/components/buildingBlocks/vStackFull";
import { motion } from "framer-motion";
import HStackFull from "~/components/buildingBlocks/hStackFull";

EvanMarie

@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(0);
  }
}

EvanMarie

export const ExampleOne = () => (
  <motion.div
    whileHover={{ scale: 1.2 }}
    whileTap={{ scale: 1.1 }}
    drag="x"
    dragConstraints={{ left: -100, right: 100 }}
    style={SmallPinkSquare}
  />
);

EvanMarie

EvanMarie