const Anime = ({ fade }) => ( <animated.p style={fade}> Lorem ipsum dolor sit amet consectetur adipisicing elit. Vero voluptatibus ullam reiciendis illo eligendi, laboriosam quaerat quisquam quasi fuga natus expedita velit mollitia. Accusamus obcaecati accusantium fugiat culpa, in consequuntur. </animated.p> )
const Order = ({ pizza }) => { return ( <motion.div className='container order' variants={containerVariants} initial='hidden' animate='visible' exit='exit' > <motion.h2 exit={{ y: -1000 }}>Thank you for your order :</motion.h2> <motion.p variants={childVariants}> You ordered a {pizza.base} pizza with: </motion.p> <motion.div variants={childVariants}> {pizza.toppings.map((topping) => ( <div key={topping}>{topping}</div> ))} </motion.div> </motion.div> ); }
}} /> <animated.p style={animation}> Pug godard pour-over 90's direct trade, PBR&B +1 next level organic edison bulb quinoa DIY. Taiyaki sriracha unicorn, cronut taxidermy chicharrones four dollar toast keytar cold-pressed raclette yuccie cray iceland. Roof party knausgaard neutra plaid, pork belly chambray banh mi chia. Blue bottle narwhal iceland health goth cornhole fam humblebrag flannel pitchfork pickled. </animated.p> </div> <p>
/> <animated.p style={animation}> Health goth af scenester irony, farm-to-table austin intelligentsia man bun celiac flexitarian yuccie marfa kickstarter banh mi gluten-free. Pabst vape bespoke banjo umami next level tumblr offal wolf kombucha. Jean pabst forage neutra. 3 wolf moon microdosing food truck hell of keytar, bitters disrupt flannel chartreuse knausgaard affogato ethical pickled. Humblebrag small batch meh glossier mixtape. </animated.p> </div> </div>
}} /> <animated.p style={animation}> Jianbing lomo lumbersexual put a bird on it fixie next level pitchfork gentrify, disrupt echo park. Hot chicken subway tile drinking vinegar fixie. YOLO keytar gluten-free artisan heirloom authentic hell of. Pork belly helvetica cornhole gentrify microdosing austin chillwave pitchfork paleo cred raclette venmo vegan fashion axe +1. </animated.p> </div> <p>
<div> <Waypoint bottomOffset="30%" onEnter={() => !on && toggle(true)} /> <animated.p style={animation}> Jianbing lomo lumbersexual put a bird on it fixie next level pitchfork gentrify, disrupt echo park. Hot chicken subway tile drinking vinegar austin chillwave pitchfork paleo cred raclette venmo vegan fashion axe +1. </animated.p> </div>