Compare commits
15 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| f8201083c6 | |||
| 7e8799c1cc | |||
| af7877ab3c | |||
| 1da2deca8f | |||
| a6d643a12a | |||
| 3d2ea225bd | |||
| 06a96e45bb | |||
| 5af15b184d | |||
| be3608ff78 | |||
| 43c410c140 | |||
| 74c5968dc7 | |||
| 9692f1cb68 | |||
| ab51376dd3 | |||
| 348c38d6d7 | |||
| 57cd4e8406 |
320
src/app/page.tsx
320
src/app/page.tsx
@@ -2,15 +2,16 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { BarChart3, Package, Users, Info } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -20,285 +21,136 @@ export default function LandingPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="extrabold"
|
||||
background="none"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Αρχική",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Σχετικά",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Προϊόντα",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Επικοινωνία",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Αρχική", id: "hero" },
|
||||
{ name: "Σχετικά", id: "about" },
|
||||
{ name: "Προϊόντα", id: "products" },
|
||||
{ name: "Επικοινωνία", id: "contact" },
|
||||
]}
|
||||
brandName="Mr. Ice"
|
||||
button={{ text: "Παραγγελία" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
<HeroBillboardDashboard
|
||||
title="Mr. Ice: Η Ποιότητα στον Πάγο"
|
||||
description="20+ χρόνια εμπειρίας στην παραγωγή και διανομή πάγου υψηλής ποιότητας για επαγγελματίες και ιδιώτες στη Θεσσαλονίκη."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-crystal-clear-ice-cubes_23-2150701857.jpg?_wi=1",
|
||||
imageAlt: "Crystal clear ice cubes",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delivery-man-concept-with-copy-space_23-2148684786.jpg?_wi=1",
|
||||
imageAlt: "Professional delivery service",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-ice-cubes_23-2150718374.jpg",
|
||||
imageAlt: "Premium ice quality",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-takeout-employee-delivering-boxes-pizza-building-driving-delivery-car_482257-134975.jpg",
|
||||
imageAlt: "Fast local distribution",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-ice-cube_52683-111489.jpg",
|
||||
imageAlt: "Clean manufacturing",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-working-warehouse-with-boxes_1303-16632.jpg",
|
||||
imageAlt: "Reliable service",
|
||||
},
|
||||
]}
|
||||
description="20+ χρόνια εμπειρίας στην παραγωγή και διανομή πάγου για επαγγελματίες και ιδιώτες στη Θεσσαλονίκη."
|
||||
background={{ variant: "plain" }}
|
||||
dashboard={{
|
||||
title: "Mr. Ice Operations", stats: [
|
||||
{ title: "Εμπειρία", values: [20, 0, 0], description: "Χρόνια στην αγορά" },
|
||||
{ title: "Πελάτες", values: [500, 0, 0], description: "Ενεργοί συνεργάτες" },
|
||||
{ title: "Διανομή", values: [24, 7, 0], description: "Εξυπηρέτηση ανά εβδομάδα" }
|
||||
],
|
||||
logoIcon: BarChart3,
|
||||
sidebarItems: [{ icon: Package, active: true }, { icon: Users }],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-crystal-clear-ice-cubes_23-2150701857.jpg?_wi=1", buttons: [{ text: "Παραγγελία" }],
|
||||
listItems: [{ icon: Info, title: "Πιστοποίηση", status: "Ενεργό" }]
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
<SplitAbout
|
||||
title="20 Χρόνια Αξιοπιστίας"
|
||||
description="Στον Mr. Ice, η ποιότητα είναι η προτεραιότητά μας. Παράγουμε και διανέμουμε πάγο σε συσκευασίες 5 κιλών και 1,5 κιλού, προσφέροντας άριστη εξυπηρέτηση και σταθερή ποιότητα για κάθε ανάγκη εστίασης ή ιδιωτικής χρήσης."
|
||||
description="Η ποιότητα είναι η προτεραιότητά μας. Παράγουμε και διανέμουμε πάγο με σταθερή συνέπεια για κάθε επαγγελματική ή ιδιωτική χρήση."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-chef-kitchen-cooking-dish-frying-pan_23-2149646198.jpg?_wi=1"
|
||||
imageAlt="Mr. Ice facilities"
|
||||
mediaAnimation="none"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
bulletPoints={[
|
||||
{ title: "Αρίστη Ποιότητα", description: "Καθαρός κρυστάλλινος πάγος" },
|
||||
{ title: "Άμεση Διανομή", description: "Ταχεία εξυπηρέτηση στη Θεσσαλονίκη" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
<ProductCardFour
|
||||
title="Τα Προϊόντα μας"
|
||||
description="Υψηλής ποιότητας πάγος για άμεση κάλυψη αναγκών."
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="none"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Mr. Ice",
|
||||
name: "Πάγος 5kg",
|
||||
price: "Επικοινωνήστε μαζί μας",
|
||||
rating: 5,
|
||||
reviewCount: "120+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ice-cubes-arrangement-still-life_23-2150312394.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Mr. Ice",
|
||||
name: "Πάγος 1.5kg",
|
||||
price: "Επικοινωνήστε μαζί μας",
|
||||
rating: 5,
|
||||
reviewCount: "85+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ice-cube-background-still-life_23-2150408431.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "ΒΙΚΟΣ",
|
||||
name: "Εμφιαλωμένο Νερό",
|
||||
price: "Επικοινωνήστε μαζί μας",
|
||||
rating: 5,
|
||||
reviewCount: "200+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worried-businesswoman-working-computer-while-drinking-water-from-glass-office_637285-323.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Mr. Ice",
|
||||
name: "Πάγος για Εκδηλώσεις",
|
||||
price: "Επικοινωνήστε μαζί μας",
|
||||
rating: 5,
|
||||
reviewCount: "50+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-with-ice-macro-shot_53876-18226.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Πάγος 5kg", price: "Κατόπιν Συνεννόησης", variant: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/ice-cubes-arrangement-still-life_23-2150312394.jpg?_wi=1" },
|
||||
{ id: "p2", name: "Πάγος 1.5kg", price: "Κατόπιν Συνεννόησης", variant: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/ice-cube-background-still-life_23-2150408431.jpg?_wi=1" },
|
||||
{ id: "p3", name: "Πάγος 10kg", price: "Κατόπιν Συνεννόησης", variant: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/ice-cubes-arrangement-still-life_23-2150312394.jpg?_wi=1" }
|
||||
]}
|
||||
title="Τα Προϊόντα μας"
|
||||
description="Υψηλής ποιότητας πάγος και εμφιαλωμένα νερά ΒΙΚΟΣ για άμεση κάλυψη των αναγκών σας."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "20+",
|
||||
description: "Χρόνια εμπειρίας στην αγορά",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "4.5/5",
|
||||
description: "Μέση βαθμολογία αξιολογήσεων",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Ικανοποίηση πελατών",
|
||||
},
|
||||
]}
|
||||
<MetricCardEleven
|
||||
title="Στατιστικά Επιτυχίας"
|
||||
description="Γιατί μας εμπιστεύεστε τόσα χρόνια."
|
||||
description="Δείκτες ποιότητας και εξυπηρέτησης."
|
||||
textboxLayout="default"
|
||||
animationType="none"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "20+", title: "Εμπειρία", description: "Χρόνια στον κλάδο", imageSrc: "http://img.b2bpic.net/free-photo/view-ice-cubes_23-2150718374.jpg?_wi=1" },
|
||||
{ id: "m2", value: "100%", title: "Καθαρότητα", description: "Προδιαγραφές τροφίμων", imageSrc: "http://img.b2bpic.net/free-photo/view-ice-cubes_23-2150718374.jpg?_wi=2" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
<TestimonialCardSix
|
||||
title="Τι λένε για εμάς"
|
||||
description="Εμπιστοσύνη των πελατών μας."
|
||||
textboxLayout="default"
|
||||
animationType="none"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Vasilis Μ.",
|
||||
date: "πριν από 2 χρόνια",
|
||||
title: "Ιδιοκτήτης επιχείρησης",
|
||||
quote: "Χρόνια επιλογή, 20+ χρόνια στο χώρο η ίδια εξυπηρέτηση!",
|
||||
tag: "Άριστη ποιότητα",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12313.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-crystal-clear-ice-cubes_23-2150701857.jpg?_wi=2",
|
||||
imageAlt: "professional restaurant manager portrait",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Μαρία Κ.",
|
||||
date: "πριν από 1 χρόνο",
|
||||
title: "Catering Manager",
|
||||
quote: "Άμεση και γρήγορη εξυπηρέτηση, εξαιρετική ποιότητα πάγου.",
|
||||
tag: "Επαγγελματική εξυπηρέτηση",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286011.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delivery-man-concept-with-copy-space_23-2148684786.jpg?_wi=2",
|
||||
imageAlt: "professional restaurant manager portrait",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Γιάννης Π.",
|
||||
date: "πριν από 6 μήνες",
|
||||
title: "Cafe Owner",
|
||||
quote: "Σταθερή επικοινωνία, ευγενικοί και πάντα στην ώρα τους.",
|
||||
tag: "Αξιοπιστία",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-asian-girl-barista-working-cafe-holding-cup-tea-giving-client-their-order_1258-199284.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-chef-kitchen-cooking-dish-frying-pan_23-2149646198.jpg?_wi=2",
|
||||
imageAlt: "professional restaurant manager portrait",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Ελένη Α.",
|
||||
date: "πριν από 1 χρόνο",
|
||||
title: "Event Planner",
|
||||
quote: "Ο πάγος είναι πάντα τέλειος, καμία αμφιβολία για την ποιότητα.",
|
||||
tag: "Κορυφαία ποιότητα",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/bartender-working-club_23-2150497624.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ice-cubes-arrangement-still-life_23-2150312394.jpg?_wi=2",
|
||||
imageAlt: "professional restaurant manager portrait",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Κώστας Σ.",
|
||||
date: "πριν από 8 μήνες",
|
||||
title: "Bar Manager",
|
||||
quote: "Εξαιρετική συνεργασία, ο καλύτερος πάγος στη Θεσσαλονίκη.",
|
||||
tag: "Συνιστώμενο",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/caucasian-receptionist-helps-retired-old-man-with-hotel-checkin-verifying-identity-retrieving-reservation-details-female-concierge-holds-checks-passport-male-tourist-focus-background_482257-75152.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ice-cube-background-still-life_23-2150408431.jpg?_wi=2",
|
||||
imageAlt: "professional restaurant manager portrait",
|
||||
},
|
||||
{ id: "1", name: "Vasilis Μ.", handle: "Ιδιοκτήτης επιχείρησης", testimonial: "20+ χρόνια άψογη εξυπηρέτηση!" }
|
||||
]}
|
||||
title="Τι λένε οι πελάτες μας"
|
||||
description="Αληθινές μαρτυρίες από τους επαγγελματίες και ιδιώτες που εξυπηρετούμε καθημερινά."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Ποιες περιοχές εξυπηρετείτε;",
|
||||
content: "Εξυπηρετούμε όλη τη Θεσσαλονίκη, επαγγελματίες και ιδιώτες.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Ποιοι είναι οι χρόνοι διανομής;",
|
||||
content: "Παραδίδουμε άμεσα και γρήγορα για να καλύψουμε κάθε επείγουσα ανάγκη σας.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Πώς μπορώ να παραγγείλω;",
|
||||
content: "Μπορείτε να μας καλέσετε στο 231 086 2002 για την παραγγελία σας.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/working-table-with-computer_93675-133813.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
<FaqDouble
|
||||
title="Συχνές Ερωτήσεις"
|
||||
description="Μάθετε περισσότερα για τις υπηρεσίες μας."
|
||||
faqsAnimation="slide-up"
|
||||
description="Ερωτήσεις που λαμβάνουμε συχνά."
|
||||
textboxLayout="default"
|
||||
faqsAnimation="none"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Πού εξυπηρετείτε;", content: "Σε όλη τη Θεσσαλονίκη." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
<ContactSplit
|
||||
title="Επικοινωνία"
|
||||
description="Χρειάζεστε πάγο άμεσα; Καλέστε μας στο 2310-000000 για άμεση παραγγελία."
|
||||
tag="Υποστήριξη"
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated-grid",
|
||||
}}
|
||||
text="Χρειάζεστε πάγο άμεσα; Καλέστε μας στο 231 086 2002 ή επισκεφθείτε μας στη διεύθυνση Κρίτωνος 13, Θεσσαλονίκη."
|
||||
buttons={[
|
||||
{
|
||||
text: "Καλέστε μας Τώρα",
|
||||
href: "tel:+302310862002",
|
||||
},
|
||||
]}
|
||||
onSubmit={(email) => console.log(email)}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
<FooterBase
|
||||
logoText="Mr. Ice"
|
||||
leftLink={{
|
||||
text: "Κρίτωνος 13, Θεσσαλονίκη",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "231 086 2002",
|
||||
href: "tel:+302310862002",
|
||||
}}
|
||||
columns={[
|
||||
{ title: "Mr. Ice", items: [{ label: "Κρίτωνος 13", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user