Merge version_1 into main #2
213
src/app/page.tsx
213
src/app/page.tsx
@@ -30,69 +30,29 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "בית",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "אודות",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "שירותים",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "צרו קשר",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "בית", id: "hero" },
|
||||
{ name: "אודות", id: "about" },
|
||||
{ name: "שירותים", id: "features" },
|
||||
{ name: "צרו קשר", id: "contact" },
|
||||
]}
|
||||
brandName="המספרה"
|
||||
button={{
|
||||
text: "קבע תור",
|
||||
href: "#contact",
|
||||
}}
|
||||
button={{ text: "קבע תור", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="המספרה שלכם בגבעתיים"
|
||||
description="חווית תספורת וטיפוח מקצועית באווירה רגועה ואיכותית. אנחנו מחכים לכם במנורה 8, גבעתיים."
|
||||
buttons={[
|
||||
{
|
||||
text: "קבע תור",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "קבע תור", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chairs-green-male-barbershop-retro-style_627829-8284.jpg?_wi=1",
|
||||
imageAlt: "Barbershop interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdressers-scissors-lying-dark-cloth_23-2148181907.jpg?_wi=1",
|
||||
imageAlt: "Tools",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-washing-head-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6316.jpg",
|
||||
imageAlt: "Barber at work",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-world-theatre-day-scenes-with-backstage_23-2151211363.jpg",
|
||||
imageAlt: "Barbershop interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-shaving-objects_23-2148121970.jpg",
|
||||
imageAlt: "Tools",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-trimmed_23-2148256924.jpg",
|
||||
imageAlt: "Barber at work",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/chairs-green-male-barbershop-retro-style_627829-8284.jpg", imageAlt: "Barbershop interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hairdressers-scissors-lying-dark-cloth_23-2148181907.jpg", imageAlt: "Tools" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-washing-head-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6316.jpg", imageAlt: "Barber at work" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/retro-world-theatre-day-scenes-with-backstage_23-2151211363.jpg", imageAlt: "Barbershop interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-shaving-objects_23-2148121970.jpg", imageAlt: "Tools" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-trimmed_23-2148256924.jpg", imageAlt: "Barber at work" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -105,18 +65,9 @@ export default function LandingPage() {
|
||||
title="המסורת שלנו"
|
||||
description="במספרה, אנחנו מאמינים שתספורת היא יותר מפעולה טכנית - היא אמנות. עם ניסיון רב, אנו מעניקים לכל לקוח יחס אישי ומקצועי ברמה הגבוהה ביותר."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "טיפול מקצועי",
|
||||
description: "תספורות ועיצוב זקן ברמה הכי גבוהה.",
|
||||
},
|
||||
{
|
||||
title: "אווירה רגועה",
|
||||
description: "מקום שכיף להיכנס אליו בכל פעם מחדש.",
|
||||
},
|
||||
{
|
||||
title: "מיקום נגיש",
|
||||
description: "נמצאים ממש במרכז גבעתיים.",
|
||||
},
|
||||
{ title: "טיפול מקצועי", description: "תספורות ועיצוב זקן ברמה הכי גבוהה." },
|
||||
{ title: "אווירה רגועה", description: "מקום שכיף להיכנס אליו בכל פעם מחדש." },
|
||||
{ title: "מיקום נגיש", description: "נמצאים ממש במרכז גבעתיים." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506366.jpg"
|
||||
imageAlt="About us at HaMispara"
|
||||
@@ -131,28 +82,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "תספורת גברים",
|
||||
description: "עיצוב מודרני או קלאסי לפי בחירתכם.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Scissors,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-world-theatre-day-scenes-with-backstage_23-2151211367.jpg",
|
||||
imageAlt: "Retro world theatre day scenes with backstage",
|
||||
title: "תספורת גברים", description: "עיצוב מודרני או קלאסי לפי בחירתכם.", bentoComponent: "reveal-icon", icon: Scissors,
|
||||
},
|
||||
{
|
||||
title: "עיצוב זקן",
|
||||
description: "טיפוח וסידור זקן מדויק.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chairs-green-male-barbershop-retro-style_627829-8284.jpg?_wi=2",
|
||||
imageAlt: "Retro world theatre day scenes with backstage",
|
||||
title: "עיצוב זקן", description: "טיפוח וסידור זקן מדויק.", bentoComponent: "reveal-icon", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
title: "תספורת ילדים",
|
||||
description: "סבלנות ויחס מיוחד לקטנים.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: User,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdressers-scissors-lying-dark-cloth_23-2148181907.jpg?_wi=2",
|
||||
imageAlt: "Retro world theatre day scenes with backstage",
|
||||
title: "תספורת ילדים", description: "סבלנות ויחס מיוחד לקטנים.", bentoComponent: "reveal-icon", icon: User,
|
||||
},
|
||||
]}
|
||||
title="השירותים שלנו"
|
||||
@@ -166,46 +102,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "יוסי כהן",
|
||||
handle: "@yossic",
|
||||
testimonial: "הספר הכי טוב בגבעתיים, תמיד יוצא מרוצה.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrat-young-man-laughing_23-2148560405.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "דני לוי",
|
||||
handle: "@danil",
|
||||
testimonial: "מקצוענות, שירות ואווירה נעימה. ממליץ בחום!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-bearded-male-sitting-armchair-barber-shop-while-hairdresser-shaves-his-beard-with-dangerous-razor_613910-18507.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "אבי רוזן",
|
||||
handle: "@avir",
|
||||
testimonial: "תספורות איכותיות ויחס אישי.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9670.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "רועי דהן",
|
||||
handle: "@roid",
|
||||
testimonial: "אני מגיע לכאן כבר שנתיים, אין עליהם.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-holding-hair-dryer_23-2149220573.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "מוטי סולטן",
|
||||
handle: "@motis",
|
||||
testimonial: "מקום מדהים, שווה כל שקל.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-blond-bearded-male-dressed-black-leather-jacket_613910-11902.jpg",
|
||||
},
|
||||
{ id: "1", name: "יוסי כהן", handle: "@yossic", testimonial: "הספר הכי טוב בגבעתיים, תמיד יוצא מרוצה.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrat-young-man-laughing_23-2148560405.jpg" },
|
||||
{ id: "2", name: "דני לוי", handle: "@danil", testimonial: "מקצוענות, שירות ואווירה נעימה. ממליץ בחום!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-bearded-male-sitting-armchair-barber-shop-while-hairdresser-shaves-his-beard-with-dangerous-razor_613910-18507.jpg" },
|
||||
{ id: "3", name: "אבי רוזן", handle: "@avir", testimonial: "תספורות איכותיות ויחס אישי.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9670.jpg" },
|
||||
{ id: "4", name: "רועי דהן", handle: "@roid", testimonial: "אני מגיע לכאן כבר שנתיים, אין עליהם.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-holding-hair-dryer_23-2149220573.jpg" },
|
||||
{ id: "5", name: "מוטי סולטן", handle: "@motis", testimonial: "מקום מדהים, שווה כל שקל.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-blond-bearded-male-dressed-black-leather-jacket_613910-11902.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="לקוחות מספרים"
|
||||
@@ -217,21 +118,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "האם צריך לקבוע תור?",
|
||||
content: "מומלץ מאוד לקבוע תור מראש כדי להבטיח את השעה שלכם.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "איפה אתם נמצאים?",
|
||||
content: "אנחנו נמצאים במנורה 8, גבעתיים.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "האם אתם עושים תספורות ילדים?",
|
||||
content: "בוודאי, אנחנו מקבלים ילדים בשמחה.",
|
||||
},
|
||||
{ id: "f1", title: "האם צריך לקבוע תור?", content: "מומלץ מאוד לקבוע תור מראש כדי להבטיח את השעה שלכם." },
|
||||
{ id: "f2", title: "איפה אתם נמצאים?", content: "אנחנו נמצאים במנורה 8, גבעתיים." },
|
||||
{ id: "f3", title: "האם אתם עושים תספורות ילדים?", content: "בוודאי, אנחנו מקבלים ילדים בשמחה." },
|
||||
]}
|
||||
sideTitle="שאלות נפוצות"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -243,22 +132,8 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="צרו קשר וקבעו תור"
|
||||
description="נשמח לעמוד לרשותכם בכל שאלה או לתאום תור."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "שם מלא",
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "טלפון",
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "הערות או שעה מועדפת",
|
||||
}}
|
||||
inputs={[{ name: "name", type: "text", placeholder: "שם מלא" }, { name: "phone", type: "tel", placeholder: "טלפון" }]}
|
||||
textarea={{ name: "message", placeholder: "הערות או שעה מועדפת" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beauty-salon-with-cosmetology-equipment-anime-style_23-2151500970.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -267,36 +142,12 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="המספרה"
|
||||
columns={[
|
||||
{
|
||||
title: "ניווט",
|
||||
items: [
|
||||
{
|
||||
label: "בית",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "אודות",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "יצירת קשר",
|
||||
items: [
|
||||
{
|
||||
label: "מנורה 8, גבעתיים",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "03-XXXXXXX",
|
||||
href: "tel:031234567",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "ניווט", items: [{ label: "בית", href: "#hero" }, { label: "אודות", href: "#about" }] },
|
||||
{ title: "יצירת קשר", items: [{ label: "מנורה 8, גבעתיים", href: "#" }, { label: "03-XXXXXXX", href: "tel:031234567" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user