Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
213
src/app/page.tsx
213
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap, Award, Smile, CheckCircle } from "lucide-react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
@@ -29,25 +30,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Etusivu",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Etusivu", id: "hero"},
|
||||
{
|
||||
name: "Miksi me?",
|
||||
id: "features",
|
||||
},
|
||||
name: "Miksi me?", id: "features"},
|
||||
{
|
||||
name: "Kokemuksia",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Kokemuksia", id: "testimonials"},
|
||||
{
|
||||
name: "Palvelut",
|
||||
id: "services",
|
||||
},
|
||||
name: "Palvelut", id: "services"},
|
||||
{
|
||||
name: "Yhteystiedot",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Yhteystiedot", id: "contact"},
|
||||
]}
|
||||
brandName="Lucky Barbershop"
|
||||
/>
|
||||
@@ -56,45 +47,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Lucky Barbershop Center"
|
||||
description="Ammattitaitoista hiustenleikkuuta ilman ajanvarausta. Nopea, laadukas ja juuri sinun toiveidesi mukainen hiustenleikkaus – tule suoraan sisään!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Soita heti",
|
||||
href: "tel:0401234567",
|
||||
},
|
||||
text: "Soita heti", href: "tel:0401234567"},
|
||||
{
|
||||
text: "Pyydä tarjous",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Pyydä tarjous", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-washing-hair-customer_23-2147737054.jpg?_wi=1",
|
||||
imageAlt: "Barbershop interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-washing-hair-customer_23-2147737054.jpg", imageAlt: "Barbershop interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-washing-hair-customer_23-2147737054.jpg?_wi=2",
|
||||
imageAlt: "Professional haircut",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-washing-hair-customer_23-2147737054.jpg", imageAlt: "Professional haircut"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-washing-hair-customer_23-2147737054.jpg?_wi=3",
|
||||
imageAlt: "Barber tools",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-washing-hair-customer_23-2147737054.jpg", imageAlt: "Barber tools"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-washing-hair-customer_23-2147737054.jpg?_wi=4",
|
||||
imageAlt: "Clean chair",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-washing-hair-customer_23-2147737054.jpg", imageAlt: "Clean chair"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-washing-hair-customer_23-2147737054.jpg?_wi=5",
|
||||
imageAlt: "Hair styling",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-washing-hair-customer_23-2147737054.jpg", imageAlt: "Hair styling"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-washing-hair-customer_23-2147737054.jpg?_wi=6",
|
||||
imageAlt: "Barbershop vibe",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-washing-hair-customer_23-2147737054.jpg", imageAlt: "Barbershop vibe"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -105,28 +79,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Ei ajanvarausta",
|
||||
description: "Pääset nopeasti tuoliin.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-scissors-combs_23-2147711606.jpg",
|
||||
buttonIcon: "Zap",
|
||||
title: "Ei ajanvarausta", description: "Pääset nopeasti tuoliin.", imageSrc: "http://img.b2bpic.net/free-photo/set-scissors-combs_23-2147711606.jpg", buttonIcon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Kokeneet parturit",
|
||||
description: "Ammattitaitoista ja varmaa otetta.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-blonde-male-barber-uniform-trying-cut-his-hair-with-scissors-isolated-orange-space-with-copy-space_141793-60384.jpg?_wi=1",
|
||||
buttonIcon: "Award",
|
||||
title: "Kokeneet parturit", description: "Ammattitaitoista ja varmaa otetta.", imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-blonde-male-barber-uniform-trying-cut-his-hair-with-scissors-isolated-orange-space-with-copy-space_141793-60384.jpg", buttonIcon: Award,
|
||||
},
|
||||
{
|
||||
title: "Rento palvelu",
|
||||
description: "Ystävällinen ja mukava ilmapiiri.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7378.jpg",
|
||||
buttonIcon: "Smile",
|
||||
title: "Rento palvelu", description: "Ystävällinen ja mukava ilmapiiri.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7378.jpg", buttonIcon: Smile,
|
||||
},
|
||||
{
|
||||
title: "Laadukas tulos",
|
||||
description: "Saat juuri sellaiset hiukset kuin toivoit.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313024.jpg",
|
||||
buttonIcon: "CheckCircle",
|
||||
title: "Laadukas tulos", description: "Saat juuri sellaiset hiukset kuin toivoit.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313024.jpg", buttonIcon: CheckCircle,
|
||||
},
|
||||
]}
|
||||
title="Miksi valita meidät?"
|
||||
@@ -141,59 +103,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ville",
|
||||
role: "Asiakas",
|
||||
company: "Oulu",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-barber-wearing-uniform-glasses-holding-shaving-razors-looking-one-them-isolated-blue-background_141793-134401.jpg",
|
||||
},
|
||||
id: "1", name: "Ville", role: "Asiakas", company: "Oulu", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-barber-wearing-uniform-glasses-holding-shaving-razors-looking-one-them-isolated-blue-background_141793-134401.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mikko",
|
||||
role: "Asiakas",
|
||||
company: "Oulu",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-blonde-male-barber-uniform-trying-cut-his-hair-with-scissors-isolated-orange-space-with-copy-space_141793-60384.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Mikko", role: "Asiakas", company: "Oulu", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-blonde-male-barber-uniform-trying-cut-his-hair-with-scissors-isolated-orange-space-with-copy-space_141793-60384.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Antti",
|
||||
role: "Asiakas",
|
||||
company: "Oulu",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carefree-young-bearded-man-posing_176420-30302.jpg",
|
||||
},
|
||||
id: "3", name: "Antti", role: "Asiakas", company: "Oulu", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carefree-young-bearded-man-posing_176420-30302.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Jari",
|
||||
role: "Asiakas",
|
||||
company: "Oulu",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-middle-eastern-man-pulling-ears-playful-mocking-someone_176420-20530.jpg",
|
||||
},
|
||||
id: "4", name: "Jari", role: "Asiakas", company: "Oulu", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-middle-eastern-man-pulling-ears-playful-mocking-someone_176420-20530.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Teemu",
|
||||
role: "Asiakas",
|
||||
company: "Oulu",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sneaky-bearded-man-planning-something_171337-4836.jpg",
|
||||
},
|
||||
id: "5", name: "Teemu", role: "Asiakas", company: "Oulu", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sneaky-bearded-man-planning-something_171337-4836.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "7v",
|
||||
label: "Kokemus",
|
||||
},
|
||||
value: "7v", label: "Kokemus"},
|
||||
{
|
||||
value: "5/5",
|
||||
label: "Keskiarvo",
|
||||
},
|
||||
value: "5/5", label: "Keskiarvo"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Tyytyväisyys",
|
||||
},
|
||||
value: "100%", label: "Tyytyväisyys"},
|
||||
]}
|
||||
title="Asiakkaiden kokemuksia"
|
||||
description="Tuhannet tyytyväiset asiakkaat luottavat meihin."
|
||||
@@ -207,37 +138,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "1",
|
||||
badge: "Suosittu",
|
||||
price: "25€",
|
||||
subtitle: "Miesten hiustenleikkaus",
|
||||
features: [
|
||||
"Koneleikkaus",
|
||||
"Saksileikkaus",
|
||||
"Viimeistely",
|
||||
],
|
||||
id: "1", badge: "Suosittu", price: "25€", subtitle: "Miesten hiustenleikkaus", features: [
|
||||
"Koneleikkaus", "Saksileikkaus", "Viimeistely"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
badge: "Hoito",
|
||||
price: "15€",
|
||||
subtitle: "Parta ja viimeistely",
|
||||
features: [
|
||||
"Partakone",
|
||||
"Viimeistely",
|
||||
"Kulmien siistiminen",
|
||||
],
|
||||
id: "2", badge: "Hoito", price: "15€", subtitle: "Parta ja viimeistely", features: [
|
||||
"Partakone", "Viimeistely", "Kulmien siistiminen"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
badge: "Täydellinen",
|
||||
price: "35€",
|
||||
subtitle: "Hiukset + Parta",
|
||||
features: [
|
||||
"Hiustenleikkaus",
|
||||
"Parta",
|
||||
"Täysi viimeistely",
|
||||
],
|
||||
id: "3", badge: "Täydellinen", price: "35€", subtitle: "Hiukset + Parta", features: [
|
||||
"Hiustenleikkaus", "Parta", "Täysi viimeistely"],
|
||||
},
|
||||
]}
|
||||
title="Palvelumme"
|
||||
@@ -252,22 +162,14 @@ export default function LandingPage() {
|
||||
description="Soita meille numeroon 040 123 4567 tai tule suoraan paikalle!"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Nimi",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Nimi", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Sähköposti",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Sähköposti", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Viesti",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Viesti", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/exterior-shopfront-city_53876-144723.jpg"
|
||||
@@ -280,42 +182,27 @@ export default function LandingPage() {
|
||||
logoText="Lucky Barbershop"
|
||||
columns={[
|
||||
{
|
||||
title: "Aukioloajat",
|
||||
items: [
|
||||
title: "Aukioloajat", items: [
|
||||
{
|
||||
label: "Ma-Pe 09-18",
|
||||
href: "#",
|
||||
},
|
||||
label: "Ma-Pe 09-18", href: "#"},
|
||||
{
|
||||
label: "La 10-15",
|
||||
href: "#",
|
||||
},
|
||||
label: "La 10-15", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Yhteystiedot",
|
||||
items: [
|
||||
title: "Yhteystiedot", items: [
|
||||
{
|
||||
label: "040 123 4567",
|
||||
href: "tel:0401234567",
|
||||
},
|
||||
label: "040 123 4567", href: "tel:0401234567"},
|
||||
{
|
||||
label: "Oulu, Finland",
|
||||
href: "#",
|
||||
},
|
||||
label: "Oulu, Finland", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Seuraa",
|
||||
items: [
|
||||
title: "Seuraa", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
label: "Facebook", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user