popeating

const mainC = useMemo(
    () => ({
      userProfile: { userProfile },
      inHome: () => setIsDarkTheme((isDark) => !isDark),
      signOutUser: () => Firebase.auth().signOut(),
      handleLogin: (email, password) => {
        doLogin(email, password);
      },
      handleSignup: (name, email, password) => {
        doSignup(name, email, password);

popeating

module.exports = {
  siteMetadata: {
    title: 'Site Titel',
  },
  plugins: [
    'gatsby-plugin-sharp',
    'gatsby-plugin-postcss',
    'gatsby-transformer-sharp',
    {
      resolve: 'gatsby-source-filesystem',

popeating

- category: Design
  portfolio:
    - title: Project title
      description: Short desription
      l_description: this is a longer descriptio
      image:
        - ../images/portfolio/01.jpg
        - ../images/portfolio/02.jpg
    - title: Project title 2
      description: Postcard, Booklet promozionale

popeating

import React from 'react';
import PortfolioContent from '../components/PortfolioContent';
import { graphql } from 'gatsby';

const Realizzazioni = ({ data }) => {
    return (
    <main className="container mx-auto px-2 md:px-0">
      <PortfolioContent data={data} />
    </main>
  );

popeating

import React, { useEffect, useState } from 'react';
import Img from 'gatsby-image';

const PortfolioContent = ({ data }) => {
  const [currentCategory, setCurrentCategory] = useState();
  const [currentPortfolio, setCurrentPortfolio] = useState();
 
  useEffect(() => {
    //console.log(currCat);
    data.map((portfolio, i) => {

popeating

import * as React from 'react';
import { Menu } from '../components/Menu';

// markup
const IndexPage = ({ transitionStatus }) => {
  return (
    <>
      <main className="container mx-auto px-2 md:px-0">
        <Menu />
        <div className="text-3xl w-full mx-auto justify-center flex font-bold hometex">

popeating

import React from 'react';
import { Menu } from '../components/Menu';

const About = ({ transitionStatus }) => {
  return (
    <>
      <main className="container mx-auto px-2 md:px-0">
        <Menu />
        <div className="w-full h-full flex justify-center items-center realizzazioni">
          <div id="categories" className="w-full md:w-1/2">

popeating

import React from 'react';
import { Menu } from '../components/Menu';

const Contact = ({ transitionStatus }) => {
  return (
    <>
      <main className="container mx-auto px-2 md:px-0">
        <Menu />
        <div className="w-full h-full flex justify-center items-center realizzazioni">
          <div id="categories" className="w-full md:w-1/2">

popeating

import React from 'react';
import TransitionLink from 'gatsby-plugin-transition-link';

export const Menu = () => {
  return (
    <>
      <div className="flex mb-20 justify-between">
        <div className="mr-8 text-xl">
          <TransitionLink
            to="/"

popeating

useEffect(() => {
    gsap.to('.hometex', {
      autoAlpha: 1,
      duration: 1,
    });
  }, []); //THIS IS RUN THE FIRST TIME THE SITE IS OPENED
  useEffect(() => {
    if (transitionStatus === 'entering') {
      gsap.to('.hometex', {
        autoAlpha: 1,