css-animations nextjs paypal-checkout react sanity-io sanity-studio stripe-checkout stripe-payments react-icons sanity-client contact-form emails recaptcha-v2 translation tour360 virtual-tour

PROJECT ECOMMERCE WINE SHOP

PALETTE

Source: HD Rainbow

HEX	RGB	HSL	Example
#b9ac8e	r:185, g:172, b:142	h:41, s:23, l:64	$$\textcolor{#b9ac8e}{\text{Example}}$$
#901427	r:144, g:20, b:39	h:350, s:75, l:32	$$\textcolor{#901427}{\text{Example}}$$
#f5f4f1	r:245, g:244, b:241	h:45, s:16, l:95	$$\textcolor{#f5f4f1}{\text{Example}}$$
#1c1c1c	r:28, g:28, b:28	h:0, s:0, l:10	$$\textcolor{#1c1c1c}{\text{Example}}$$
#6bac40	r:107, g:172, b:64	h:96, s:45, l:46	$$\textcolor{#6bac40}{\text{Example}}$$
#97676b	r:151, g:103, b:107	h:355, s:18, l:49	$$\textcolor{#97676b}{\text{Example}}$$
#7ba05f	r:123, g:160, b:95	h:94, s:25, l:50	$$\textcolor{#7ba05f}{\text{Example}}$$
#d4e1bf	r:212, g:225, b:191	h:82, s:36, l:81	$$\textcolor{#d4e1bf}{\text{Example}}$$
#ac4c64	r:172, g:76, b:100	h:345, s:38, l:48	$$\textcolor{#ac4c64}{\text{Example}}$$

ATTENTION! Actually we only use white (#fff), black (#000) and red (#892331) + opacity

To do: choose between "my red", actually in use (#892331) or the other red (#901427)

MAIN STRUMENTS

Check:

TRELLO

GOOGLE ANALYTICS

CLAUDINARY

SANITY

STRIPE

PAYPAL

EMAILJS

DEMAND

Tenute Francesco Righetti

Azienda:
Tenute Francesco Righetti in collaborazione con Giuseppe Campagnola (due famiglie che collaborano insieme da generazioni), danno vita negli ultimi 10 anni all'Azienda Agricola Roccolo del Lago, tenuta locata sulle bellissime colline del Lago di Garda. L'azienda produce vini biologici tipici della zona: Chardonnay, Custoza, Bardolino, Corvina, Prosecco, Pinot Grigio, Valpolicella e Amarone. La vinificazione non è l'unico focus in quanto si propongono come location per eventi, matrimoni e degustazioni organizzate. Possiedono uno shop sia fisico in tenuta, che online dove è possibile ordinare sia i vini che l'olio di produzione della tenuta.

La sfida progettuale:
La sfida progettuale propone la creazione di tour vituale dei vigneti biologici e della cantina. L'obiettivo è quello di far conoscere e apprezzare al massimo tutti gli aspetti della produzione vinicola, andando ad esaltare le caratteristiche dei vigneti e la qualità del vino prodotto.

Guide

STRUCTURE

Projects:

Ecommerce
Virtual Tour

Ecommerce

Next.js project bootstrapped with create-next-app with Sanity.io and Vercel for Deploy

Sanity Studio

Schemas

// Create schema for product (wines)

export default {
    name: 'product',
    title: 'Product',
    type: 'document',
    fields: [ 
        {
            name: 'image',
            title: 'Image',
            type: 'array',
            of: [{ type: 'image' }],
            options: {
                hotspot: true,
            },
        },
        {
            name: 'name',
            title: 'Name',
            type: 'string',
        },
        {
            name: 'slug',
            title: 'Slug',
            type: 'slug',
            options: {
                source: 'name',
                maxLength: 90,
            },
        },
        {
            name: 'price',
            title: 'Price',
            type: 'number',
        },
        {
            title: 'Rating',
            name: 'rating',
            // title: 'Rating (0 - 10)',
            type: 'number',
        },
        {
            title: 'Category',
            name: 'category',
            type: 'string',
        },
        {
            name: 'detailRegione',
            title: 'DetailRegione',
            type: 'string',
        },
        {
            name: 'detailVigneto',
            title: 'DetailVigneto',
            type: 'string',
        },
        {
            name: 'detailUve',
            title: 'DetailUve',
            type: 'string',
        },
        {
            name: 'detailFruttaio',
            title: 'DetailFruttaio',
            type: 'string',
        },
        {
            name: 'detailVinificazione',
            title: 'DetailVinificazione',
            type: 'string',
        },
        {
            name: 'detailAffinamento',
            title: 'DetailAffinamento',
            type: 'string',
        },
        {
            name: 'detailNoteGustative',
            title: 'DetailNoteGustative',
            type: 'string',
        },
        {
            name: 'detailAnalisi',
            title: 'DetailAnalisi',
            type: 'string',
        },
        {
            name: 'detailGastronomia',
            title: 'DetailGastronomia',
            type: 'string',
        },
        {
            name: 'detailBottiglia',
            title: 'DetailBottiglia',
            type: 'string',
        },
        {
            name: 'detailsBio',
            title: 'DetailBio',
            type: 'boolean',
        },
    ],
    orderings: [
        {
            name: 'priceDesc',
            title: 'Price, Desc',
            by: [
                {field: 'price', direction: 'desc'}
            ]
        },
        {
            name: 'priceAsc',
            title: 'Price, Asc',
            by: [
                {field: 'price', direction: 'asc'}
            ]
        },
        {
            title: 'Rating',
            name: 'rating',
            by: [
              {field: 'rating', direction: 'desc'}
            ]
        }
    ]
}