Update src/app/page.tsx
This commit is contained in:
283
src/app/page.tsx
283
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Tal Ezra Barbershop"
|
||||
/>
|
||||
@@ -54,97 +42,30 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="טל עזרא – מספרת גברים בבאר שבע"
|
||||
description="המספרה שמביאה לכם שירות אישי, סבלנות ומקצועיות ללא פשרות. בואו לקבל את הטיפול הטוב ביותר בעיר."
|
||||
testimonials={[
|
||||
{
|
||||
name: "יוסי כהן",
|
||||
handle: "@yosic",
|
||||
testimonial: "ספר תותח, שירות מעל ומעבר!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-fashioned-tattooed-hipster-wearing-white-shirt-with-suspenders-holds-scissors-isolated-dark-textured-background_613910-6387.jpg?_wi=1",
|
||||
imageAlt: "barbershop interior modern professional",
|
||||
},
|
||||
{
|
||||
name: "אבי לוי",
|
||||
handle: "@avil",
|
||||
testimonial: "מקצוען אמיתי, יחס אישי לכל לקוח.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-joyful-blonde-male-barber-uniform-holds-hair-clipper-raises-fist-up-isolated-olive-green-space-with-copy-space_141793-60317.jpg?_wi=1",
|
||||
imageAlt: "barbershop interior modern professional",
|
||||
},
|
||||
{
|
||||
name: "דניאל מזרחי",
|
||||
handle: "@danim",
|
||||
testimonial: "סבלני וקשוב, ממליץ בחום.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg?_wi=1",
|
||||
imageAlt: "barbershop interior modern professional",
|
||||
},
|
||||
{
|
||||
name: "רונן חדד",
|
||||
handle: "@ronenh",
|
||||
testimonial: "פשוט תענוג להגיע אליו.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-clenching-fist-happy-excited-shouting_141793-37149.jpg?_wi=1",
|
||||
imageAlt: "barbershop interior modern professional",
|
||||
},
|
||||
{
|
||||
name: "ליאור שרעבי",
|
||||
handle: "@liors",
|
||||
testimonial: "המספרה הכי טובה בדרום!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg?_wi=1",
|
||||
imageAlt: "barbershop interior modern professional",
|
||||
},
|
||||
{ name: "יוסי כהן", handle: "@yosic", testimonial: "ספר תותח, שירות מעל ומעבר!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/old-fashioned-tattooed-hipster-wearing-white-shirt-with-suspenders-holds-scissors-isolated-dark-textured-background_613910-6387.jpg", imageAlt: "barbershop interior modern professional" },
|
||||
{ name: "אבי לוי", handle: "@avil", testimonial: "מקצוען אמיתי, יחס אישי לכל לקוח.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-joyful-blonde-male-barber-uniform-holds-hair-clipper-raises-fist-up-isolated-olive-green-space-with-copy-space_141793-60317.jpg", imageAlt: "barbershop interior modern professional" },
|
||||
{ name: "דניאל מזרחי", handle: "@danim", testimonial: "סבלני וקשוב, ממליץ בחום.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg", imageAlt: "barbershop interior modern professional" },
|
||||
{ name: "רונן חדד", handle: "@ronenh", testimonial: "פשוט תענוג להגיע אליו.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-clenching-fist-happy-excited-shouting_141793-37149.jpg", imageAlt: "barbershop interior modern professional" },
|
||||
{ name: "ליאור שרעבי", handle: "@liors", testimonial: "המספרה הכי טובה בדרום!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg", imageAlt: "barbershop interior modern professional" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/old-fashioned-tattooed-hipster-wearing-white-shirt-with-suspenders-holds-scissors-isolated-dark-textured-background_613910-6387.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/old-fashioned-tattooed-hipster-wearing-white-shirt-with-suspenders-holds-scissors-isolated-dark-textured-background_613910-6387.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-showing-scissors-close-up_23-2148353462.jpg",
|
||||
alt: "Man showing scissors close-up",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-middle-aged-male-barber-uniform-trimming-mustache-with-scissors-isolated-purple-wall_141793-103408.jpg",
|
||||
alt: "Confident middle-aged male barber in uniform",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-barber-wearing-uniform-combing-cutting-his-beard-looking-down-isolated-green-background_141793-84991.jpg",
|
||||
alt: "Young handsome barber combing beard",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/barber-cutting-beard-with-scissors_1153-1506.jpg",
|
||||
alt: "Barber cutting a beard",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/old-fashioned-tattooed-hipster-wearing-white-shirt-with-suspenders-holds-scissors-isolated-dark-textured-background_613910-6387.jpg",
|
||||
alt: "barbershop interior",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-showing-scissors-close-up_23-2148353462.jpg", alt: "Man showing scissors close-up" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-middle-aged-male-barber-uniform-trimming-mustache-with-scissors-isolated-purple-wall_141793-103408.jpg", alt: "Confident middle-aged male barber in uniform" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-handsome-barber-wearing-uniform-combing-cutting-his-beard-looking-down-isolated-green-background_141793-84991.jpg", alt: "Young handsome barber combing beard" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/barber-cutting-beard-with-scissors_1153-1506.jpg", alt: "Barber cutting a beard" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/old-fashioned-tattooed-hipster-wearing-white-shirt-with-suspenders-holds-scissors-isolated-dark-textured-background_613910-6387.jpg", alt: "barbershop interior" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "דיוק וסטייל",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "שירות אישי",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "מקצוענות ללא פשרות",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "חוויה מעל הכל",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "המספרה של באר שבע",
|
||||
},
|
||||
{ type: "text", text: "דיוק וסטייל" },
|
||||
{ type: "text", text: "שירות אישי" },
|
||||
{ type: "text", text: "מקצוענות ללא פשרות" },
|
||||
{ type: "text", text: "חוויה מעל הכל" },
|
||||
{ type: "text", text: "המספרה של באר שבע" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -154,8 +75,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="קצת עלינו"
|
||||
description={[
|
||||
"אנחנו מבינים שכל גבר צריך את הלוק שמתאים לו בדיוק. בלב באר שבע, טל עזרא מעניק שירות אישי וקשוב.",
|
||||
"אצלנו המספרה היא יותר ממקום לתספורת – היא מקום להירגע ולהרגיש הכי טוב.",
|
||||
"אנחנו מבינים שכל גבר צריך את הלוק שמתאים לו בדיוק. בלב באר שבע, טל עזרא מעניק שירות אישי וקשוב.", "אצלנו המספרה היא יותר ממקום לתספורת – היא מקום להירגע ולהרגיש הכי טוב."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -166,46 +86,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "תספורות מודרניות",
|
||||
description: "עיצובים עדכניים לכל סגנון.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Scissors,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-joyful-blonde-male-barber-uniform-holds-hair-clipper-raises-fist-up-isolated-olive-green-space-with-copy-space_141793-60317.jpg?_wi=2",
|
||||
imageAlt: "professional barber smiling",
|
||||
},
|
||||
{
|
||||
title: "יחס אישי",
|
||||
description: "אנחנו כאן בשבילך.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: User,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-fashioned-tattooed-hipster-wearing-white-shirt-with-suspenders-holds-scissors-isolated-dark-textured-background_613910-6387.jpg?_wi=3",
|
||||
imageAlt: "professional barber smiling",
|
||||
},
|
||||
{
|
||||
title: "דיוק מוחלט",
|
||||
description: "אנחנו לא מתפשרים על איכות.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: CheckCircle,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg?_wi=2",
|
||||
imageAlt: "professional barber smiling",
|
||||
},
|
||||
{
|
||||
title: "עיצוב זקן",
|
||||
description: "סידור ועיצוב מקצועי.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Feather,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-clenching-fist-happy-excited-shouting_141793-37149.jpg?_wi=2",
|
||||
imageAlt: "professional barber smiling",
|
||||
},
|
||||
{
|
||||
title: "טיפולי פנים",
|
||||
description: "טיפולים משלימים לגבר.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg?_wi=2",
|
||||
imageAlt: "professional barber smiling",
|
||||
},
|
||||
{ title: "תספורות מודרניות", description: "עיצובים עדכניים לכל סגנון.", bentoComponent: "reveal-icon", icon: Scissors },
|
||||
{ title: "יחס אישי", description: "אנחנו כאן בשבילך.", bentoComponent: "reveal-icon", icon: User },
|
||||
{ title: "דיוק מוחלט", description: "אנחנו לא מתפשרים על איכות.", bentoComponent: "reveal-icon", icon: CheckCircle },
|
||||
{ title: "עיצוב זקן", description: "סידור ועיצוב מקצועי.", bentoComponent: "reveal-icon", icon: Feather },
|
||||
{ title: "טיפולי פנים", description: "טיפולים משלימים לגבר.", bentoComponent: "reveal-icon", icon: Sparkles }
|
||||
]}
|
||||
title="השירותים שלנו"
|
||||
description="מקצועיות ודיוק בכל תספורת."
|
||||
@@ -218,24 +103,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Star,
|
||||
title: "דירוג",
|
||||
value: "5.0",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Users,
|
||||
title: "לקוחות מרוצים",
|
||||
value: "43+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Award,
|
||||
title: "שנות נסיון",
|
||||
value: "5+",
|
||||
},
|
||||
{ id: "m1", icon: Star, title: "דירוג", value: "5.0" },
|
||||
{ id: "m2", icon: Users, title: "לקוחות מרוצים", value: "43+" },
|
||||
{ id: "m3", icon: Award, title: "שנות נסיון", value: "5+" }
|
||||
]}
|
||||
title="ההצלחה במספרים"
|
||||
description="לקוחות מרוצים שבחרו בטוב ביותר."
|
||||
@@ -247,41 +117,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "יוסי",
|
||||
role: "לקוח",
|
||||
testimonial: "טל הוא פשוט מלך, מקצוען!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "דני",
|
||||
role: "לקוח",
|
||||
testimonial: "תמיד יוצא מרוצה מהמספרה.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-clenching-fist-happy-excited-shouting_141793-37149.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "איתי",
|
||||
role: "לקוח",
|
||||
testimonial: "יחס מעולה, חוויה כיפית.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "שלומי",
|
||||
role: "לקוח",
|
||||
testimonial: "ספר מדויק מאוד, ממליץ.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-break_1098-14791.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "אלעד",
|
||||
role: "לקוח",
|
||||
testimonial: "כיף לחזור כל פעם מחדש.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-crazy-happy-showing-ok-sign-standing-blue-wall_141793-96743.jpg",
|
||||
},
|
||||
{ id: "1", name: "יוסי", role: "לקוח", testimonial: "טל הוא פשוט מלך, מקצוען!", imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg" },
|
||||
{ id: "2", name: "דני", role: "לקוח", testimonial: "תמיד יוצא מרוצה מהמספרה.", imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-clenching-fist-happy-excited-shouting_141793-37149.jpg" },
|
||||
{ id: "3", name: "איתי", role: "לקוח", testimonial: "יחס מעולה, חוויה כיפית.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg" },
|
||||
{ id: "4", name: "שלומי", role: "לקוח", testimonial: "ספר מדויק מאוד, ממליץ.", imageSrc: "http://img.b2bpic.net/free-photo/coffee-break_1098-14791.jpg" },
|
||||
{ id: "5", name: "אלעד", role: "לקוח", testimonial: "כיף לחזור כל פעם מחדש.", imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-crazy-happy-showing-ok-sign-standing-blue-wall_141793-96743.jpg" }
|
||||
]}
|
||||
title="מה הלקוחות שלנו אומרים"
|
||||
description="אנשים אמיתיים, תוצאות אמיתיות."
|
||||
@@ -293,21 +133,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "צריך לקבוע תור מראש?",
|
||||
content: "מומלץ מאוד לקבוע תור מראש בטלפון.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "איפה אתם ממוקמים?",
|
||||
content: "ברחוב רמב\"ם 29, באר שבע.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "מתי אתם פתוחים?",
|
||||
content: "אנחנו זמינים בשעות הפעילות, כדאי לוודא מולנו בטלפון.",
|
||||
},
|
||||
{ id: "q1", title: "צריך לקבוע תור מראש?", content: "מומלץ מאוד לקבוע תור מראש בטלפון." },
|
||||
{ id: "q2", title: "איפה אתם ממוקמים?", content: "ברחוב רמב\"ם 29, באר שבע." },
|
||||
{ id: "q3", title: "מתי אתם פתוחים?", content: "אנחנו זמינים בשעות הפעילות, כדאי לוודא מולנו בטלפון." }
|
||||
]}
|
||||
title="שאלות נפוצות"
|
||||
description="כל מה שצריך לדעת לפני שמגיעים."
|
||||
@@ -319,44 +147,19 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="צרו קשר"
|
||||
title="מוכנים לתספורת הבאה?"
|
||||
description="טלפון: 052-752-4665 | רמב\"ם 29, באר שבע"
|
||||
buttons={[
|
||||
{
|
||||
text: "חייגו עכשיו",
|
||||
href: "tel:0527524665",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "חייגו עכשיו", href: "tel:0527524665" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "בית",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "אודות",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "אינסטגרם",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "בית", href: "#hero" }, { label: "אודות", href: "#about" }] },
|
||||
{ items: [{ label: "אינסטגרם", href: "https://instagram.com" }] }
|
||||
]}
|
||||
logoText="טל עזרא"
|
||||
/>
|
||||
@@ -364,4 +167,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user