update images

Author: MAPdC

src/assets/douro-1-tiny.jpg

@@ -1,7 +1,7 @@
 import React, { useRef, useEffect } from 'react';
 import { Link } from 'react-router-dom';
 import '../styles/HeritageSection.css';
-import heritageBgImage from '../assets/padre-antonio-veiga-douro.jpg';
+import heritageBgImage from '../assets/padre-antonio-veiga-douro-tiny.jpg';
 
 const HeritageSection = () => {
   const sectionRef = useRef(null);
@@ -41,7 +41,7 @@ const HeritageSection = () => {
       <div className="section-line-top" />
       <div className="heritage-background">
         <div className="heritage-overlay"></div>
-        <img src={heritageBgImage} alt="Adega histórica Casttêdo" className="heritage-bg-image" />
+        <img src={heritageBgImage} alt="Fotografia histórica" className="heritage-bg-image" />
       </div>
 
       <div className="heritage-content">

src/assets/douro-2-tiny.jpeg

@@ -1,16 +1,15 @@
 import React, { useState, useEffect, useRef } from 'react';
-import { Link } from 'react-router-dom'; // Manter a importação
+import { Link } from 'react-router-dom';
 import { ChevronLeft, ChevronRight, ArrowRight, Sparkles } from 'lucide-react';
-import { wines } from '../mocks/products.js'; // Verifique o caminho
-import "../styles/WineCarousel.css"; // Verifique o caminho
+import { wines } from '../mocks/products.js';
+import "../styles/WineCarousel.css";
 
 const WineCard = ({ wine, isHovered, setIsHovered }) => {
   return (
-    // O div wrapper do cartão agora é o elemento clicável que leva aos detalhes
     <Link to={`/portfolio/wines/${wine.slug}`} className={`wine-card-premium ${isHovered ? 'hovered' : ''}`}
       onMouseEnter={() => setIsHovered(true)}
       onMouseLeave={() => setIsHovered(false)}
-      style={{ textDecoration: 'none', color: 'inherit' }} // Garante que não parece um link padrão
+      style={{ textDecoration: 'none', color: 'inherit' }}
     >
       <div className="wine-card-shimmer" />
 
@@ -41,11 +40,8 @@ const WineCard = ({ wine, isHovered, setIsHovered }) => {
             <span className="variety-more-premium">+{wine.varieties.length - 2}</span>
           )}
         </div>
-
-        {/* REMOVIDO o Link/Botão 'Ver Portefólio' daqui */}
-
       </div>
-    </Link> // Fechar o Link que envolve o cartão
+    </Link>
   );
 };
 
@@ -124,7 +120,6 @@ const WineCarouselPremium = () => {
       <div className="wine-carousel-line-top" />
 
       <div className="wine-carousel-container-premium">
-        {/* Header (Título, Subtítulo, Ornamento) - Mantém-se igual */}
         <div className="wine-carousel-header-premium">
           <div className="wine-carousel-subtitle-premium">
             <Sparkles size={12} />
@@ -139,7 +134,6 @@ const WineCarouselPremium = () => {
           </div>
         </div>
 
-        {/* Wrapper do Carrossel (Botões + Grelha) - Mantém-se igual */}
         <div className={`wine-carousel-wrapper-premium ${totalSlides < 3 ? 'justify-center' : ''}`}>
           {totalSlides > 1 && (
              <button onClick={prevSlide} className="carousel-nav-premium prev" aria-label="Vinho anterior">
@@ -163,7 +157,6 @@ const WineCarouselPremium = () => {
           )}
         </div>
 
-        {/* Indicadores - Mantêm-se iguais */}
         {totalSlides > 1 && (
           <div className="wine-carousel-indicators-premium">
             {availableWines.map((_, index) => (
@@ -172,14 +165,12 @@ const WineCarouselPremium = () => {
           </div>
         )}
 
-        {/* ADICIONADO: Link geral para o portefólio */}
         <div className="carousel-portfolio-link-container">
           <Link to="/portfolio/wines" className="carousel-portfolio-link">
             Ver Todo o Portefólio
             <ArrowRight size={16} className="portfolio-link-arrow" />
           </Link>
         </div>
-        {/* Fim da adição */}
 
       </div>
     </section>

src/assets/garrafas-1-tiny.jpg

@@ -1,15 +1,9 @@
 import React, { useEffect, useRef } from "react";
-import "../styles/ContactPage.css"; // Vamos usar o novo CSS
-
-// Imagens
-import heroBackground from "../assets/douro-2.jpeg"; 
-
-// Ícones
+import "../styles/ContactPage.css";
+import heroBackground from "../assets/douro-2-tiny.jpeg"; 
 import { MapPin, Phone, Mail, Award, Calendar } from 'lucide-react';
-// Ícones para "Como Chegar" (pode substituir por SVGs se preferir)
 import { Car, Train, Ship } from 'lucide-react'; 
 
-// Componente de Cartão de Experiência (para limpar o JSX principal)
 const ExperienceCard = ({ icon, title, text }) => (
   <div className="experience-card">
     <div className="experience-icon">{icon}</div>
@@ -18,7 +12,6 @@ const ExperienceCard = ({ icon, title, text }) => (
   </div>
 );
 
-// Componente de Item de Direção (para limpar o JSX principal)
 const DirectionItem = ({ icon, title, text }) => (
   <div className="directions-item">
     <div className="directions-icon">{icon}</div>
@@ -31,7 +24,6 @@ const DirectionItem = ({ icon, title, text }) => (
 
 
 const ContactPage = () => {
-  // Refs para animações de scroll
   const refs = {
     hero: useRef(null),
     content: useRef(null),
@@ -40,7 +32,7 @@ const ContactPage = () => {
   };
 
   useEffect(() => {
-    window.scrollTo(0, 0); // Garante que a página carrega no topo
+    window.scrollTo(0, 0);
 
     const observer = new IntersectionObserver((entries) => {
       entries.forEach(entry => {

src/assets/old-references-tiny.jpg

@@ -1,13 +1,11 @@
 import "../styles/HomePage.css";
 import HeritageSection from "../components/HeritageSection.jsx";
 import AwardsSection from "../components/AwardsSection.jsx";
-// import TestimonialsSection from "../components/TestimonialsSection.jsx";
-// import TerroirSection from "../components/TerroirSection.jsx";
 import WineCarousel from "../components/WineCarousel.jsx";
 import OliveOilCarousel from "../components/OliveOilCarousel.jsx";
 
 import React, { useEffect, useRef, useState } from "react";
-import heroImage from "../assets/douro-1.jpg";
+import heroImage from "../assets/douro-1-tiny.jpg";
 import logoBranco from "../assets/cv-logo-branco.png";
 
 const HomePage = () => {
@@ -61,12 +59,6 @@ const HomePage = () => {
     transform: `translateY(${scrollPosition * 0.4}px)`
   };
 
-  // Function to handle author click
-  const handleAuthorClick = (event) => {
-    window.open('https://pt.wikipedia.org/wiki/Ant%C3%B3nio_Cabral_(escritor)', '_blank', 'noopener,noreferrer');
-    // Remove focus after click to avoid the selection box when returning
-    event.target.blur();
-  };
 
   return (
     <div className="home">
@@ -75,7 +67,7 @@ const HomePage = () => {
         <div className="hero-container parallax-bg" style={parallaxStyle}>
           <img 
             src={heroImage} 
-            alt="Vista panorâmica do Casttêdo Valley" 
+            alt="Vista panorâmica do Vale do Douro" 
             className="hero-image"
           />
         </div>