Merge version_1 into main #2
273
src/app/page.tsx
273
src/app/page.tsx
@@ -15,166 +15,139 @@ import TextAbout from '@/components/sections/about/TextAbout';
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "בית", id: "hero"},
|
||||
{
|
||||
name: "אודות", id: "about"},
|
||||
{
|
||||
name: "פרוייקטים", id: "projects"},
|
||||
{
|
||||
name: "צור קשר", id: "contact"},
|
||||
]}
|
||||
brandName="יששכר מ."
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "בית", id: "hero" },
|
||||
{ name: "אודות", id: "about" },
|
||||
{ name: "פרוייקטים", id: "projects" },
|
||||
{ name: "צור קשר", id: "contact" },
|
||||
]}
|
||||
brandName="יששכר מ."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
title="יששכר מ. – חברה לבניין ופיתוח בע"מ"
|
||||
description="מצוינות בבנייה, מסורת של איכות ופיתוח ירושלים. אנחנו מביאים את המומחיות שלנו לכל אבן ואבן."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-apartment-building-with-balconies-full-plants_23-2151990796.jpg", imageAlt: "זוהר השמש - מבט על"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-team-using-3d-models-explore-construction-layout-options-working-residential_482257-136318.jpg", imageAlt: "פרוייקט חזית מערבית"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-building-architecture-design_23-2148252762.jpg", imageAlt: "פרוייקט חזית מזרחית"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-male-female-architects-working-3d-printed-models_482257-31173.jpg", imageAlt: "פרוייקט מבט על"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-modern-white-building-facade_181624-29733.jpg", imageAlt: "פרוייקט חזית נוספת"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architects-wearing-helmets-looking-plan_23-2147702490.jpg", imageAlt: "פרוייקט נוף"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="יששכר מ. – חברה לבניין ופיתוח בע"מ"
|
||||
description="מצוינות בבנייה, מסורת של איכות ופיתוח ירושלים. אנחנו מביאים את המומחיות שלנו לכל אבן ואבן."
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-apartment-building-with-balconies-full-plants_23-2151990796.jpg", imageAlt: "זוהר השמש - מבט על" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/real-estate-team-using-3d-models-explore-construction-layout-options-working-residential_482257-136318.jpg", imageAlt: "פרוייקט חזית מערבית" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-building-architecture-design_23-2148252762.jpg", imageAlt: "פרוייקט חזית מזרחית" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/caucasian-male-female-architects-working-3d-printed-models_482257-31173.jpg", imageAlt: "פרוייקט מבט על" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-modern-white-building-facade_181624-29733.jpg", imageAlt: "פרוייקט חזית נוספת" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/architects-wearing-helmets-looking-plan_23-2147702490.jpg", imageAlt: "פרוייקט נוף" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="אודות החברה"
|
||||
buttons={[
|
||||
{
|
||||
text: "קרא עוד על מורשתנו", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="אודות החברה"
|
||||
buttons={[{ text: "קרא עוד על מורשתנו", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="projects" data-section="projects">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "זוהר השמש", price: "ירושלים", imageSrc: "http://img.b2bpic.net/free-photo/modern-apartment-building-facade-with-balconies-varied-hues_84443-73937.jpg"},
|
||||
{
|
||||
id: "p2", name: "אחוזת מצליח", price: "חומת שמואל", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-architecture-space_23-2151912530.jpg"},
|
||||
{
|
||||
id: "p3", name: "נוף הזריחה", price: "חומת שמואל", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-black-glass-facade-modern-building_181624-6282.jpg"},
|
||||
{
|
||||
id: "p4", name: "מדורגי הזית", price: "חומת שמואל", imageSrc: "http://img.b2bpic.net/free-photo/clients-touring-office-space-with-real-estate-expert-discussing-property-layout_482257-113443.jpg"},
|
||||
{
|
||||
id: "p5", name: "בנייה ירוקה", price: "פרויקט עתידי", imageSrc: "http://img.b2bpic.net/free-photo/way-white-house_1162-117.jpg"},
|
||||
{
|
||||
id: "p6", name: "מתחם חדש", price: "בפיתוח", imageSrc: "http://img.b2bpic.net/free-photo/office-building-city-closeup_53876-121711.jpg"},
|
||||
]}
|
||||
title="פרוייקטים נבחרים"
|
||||
description="הכירו את הבנייה האיכותית שלנו בפריסה רחבה."
|
||||
/>
|
||||
</div>
|
||||
<div id="projects" data-section="projects">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", name: "זוהר השמש", price: "ירושלים", imageSrc: "http://img.b2bpic.net/free-photo/modern-apartment-building-facade-with-balconies-varied-hues_84443-73937.jpg" },
|
||||
{ id: "p2", name: "אחוזת מצליח", price: "חומת שמואל", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-architecture-space_23-2151912530.jpg" },
|
||||
{ id: "p3", name: "נוף הזריחה", price: "חומת שמואל", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-black-glass-facade-modern-building_181624-6282.jpg" },
|
||||
{ id: "p4", name: "מדורגי הזית", price: "חומת שמואל", imageSrc: "http://img.b2bpic.net/free-photo/clients-touring-office-space-with-real-estate-expert-discussing-property-layout_482257-113443.jpg" },
|
||||
{ id: "p5", name: "בנייה ירוקה", price: "פרויקט עתידי", imageSrc: "http://img.b2bpic.net/free-photo/way-white-house_1162-117.jpg" },
|
||||
{ id: "p6", name: "מתחם חדש", price: "בפיתוח", imageSrc: "http://img.b2bpic.net/free-photo/office-building-city-closeup_53876-121711.jpg" }
|
||||
]}
|
||||
title="פרוייקטים נבחרים"
|
||||
description="הכירו את הבנייה האיכותית שלנו בפריסה רחבה."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "מסורת משנת 1963", description: "המשכיות ישירה של חברת מצליח קול המיתולוגית.", imageSrc: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394923.jpg"},
|
||||
{
|
||||
title: "בנייה איכותית", description: "סטנדרטים גבוהים בביצוע ובתכנון הנדסי.", imageSrc: "http://img.b2bpic.net/free-photo/electric-dam-lake-water-vintage-filter_1203-7783.jpg"},
|
||||
{
|
||||
title: "ניסיון בשטח", description: "ידע שנצבר לאורך עשרות שנים בבניית ירושלים.", imageSrc: "http://img.b2bpic.net/free-photo/bird-s-eye-view-shanghai_1127-4001.jpg"},
|
||||
]}
|
||||
title="למה לבחור בנו?"
|
||||
description="ניסיון עשיר, בנייה ירושלמית מקורית ושירות ללא פשרות."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "מסורת משנת 1963", description: "המשכיות ישירה של חברת מצליח קול המיתולוגית.", imageSrc: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394923.jpg" },
|
||||
{ title: "בנייה איכותית", description: "סטנדרטים גבוהים בביצוע ובתכנון הנדסי.", imageSrc: "http://img.b2bpic.net/free-photo/electric-dam-lake-water-vintage-filter_1203-7783.jpg" },
|
||||
{ title: "ניסיון בשטח", description: "ידע שנצבר לאורך עשרות שנים בבניית ירושלים.", imageSrc: "http://img.b2bpic.net/free-photo/bird-s-eye-view-shanghai_1127-4001.jpg" }
|
||||
]}
|
||||
title="למה לבחור בנו?"
|
||||
description="ניסיון עשיר, בנייה ירושלמית מקורית ושירות ללא פשרות."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "ישראל ישראלי", handle: "דייר זוהר השמש", testimonial: "חברה אמינה ומקצועית, התקשורת הייתה טובה לאורך כל התהליך.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-her-kitchen_329181-20396.jpg"},
|
||||
{
|
||||
id: "2", name: "מיכל כהן", handle: "אחוזת מצליח", testimonial: "איכות הבנייה מורגשת בכל פינה בדירה, בהחלט השקעה משתלמת.", imageSrc: "http://img.b2bpic.net/free-photo/happy-circle-friends-planning-trip-globe-trotters-inspecting-map-being-home-european-indian-ethnicity_1157-47878.jpg"},
|
||||
{
|
||||
id: "3", name: "יוסי לוי", handle: "נוף הזריחה", testimonial: "השירות האישי שקיבלנו היה יוצא מן הכלל, תודה רבה.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-barista-girl_23-2148436121.jpg"},
|
||||
{
|
||||
id: "4", name: "שרה כהן", handle: "מדורגי הזית", testimonial: "פשוט מדהים, דירה מתוכננת היטב ואיכות חיים אמיתית.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-real-estate-agent_23-2151064995.jpg"},
|
||||
{
|
||||
id: "5", name: "דוד אברהם", handle: "לקוח ותיק", testimonial: "ידעתי שניתן לסמוך עליהם מהרגע הראשון, מקצוענים.", imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12819.jpg"},
|
||||
]}
|
||||
title="לקוחות ממליצים"
|
||||
description="הדיירים שלנו נהנים מבית איכותי ומתוכנן בקפידה."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "ישראל ישראלי", handle: "דייר זוהר השמש", testimonial: "חברה אמינה ומקצועית, התקשורת הייתה טובה לאורך כל התהליך.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-her-kitchen_329181-20396.jpg" },
|
||||
{ id: "2", name: "מיכל כהן", handle: "אחוזת מצליח", testimonial: "איכות הבנייה מורגשת בכל פינה בדירה, בהחלט השקעה משתלמת.", imageSrc: "http://img.b2bpic.net/free-photo/happy-circle-friends-planning-trip-globe-trotters-inspecting-map-being-home-european-indian-ethnicity_1157-47878.jpg" },
|
||||
{ id: "3", name: "יוסי לוי", handle: "נוף הזריחה", testimonial: "השירות האישי שקיבלנו היה יוצא מן הכלל, תודה רבה.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-barista-girl_23-2148436121.jpg" },
|
||||
{ id: "4", name: "שרה כהן", handle: "מדורגי הזית", testimonial: "פשוט מדהים, דירה מתוכננת היטב ואיכות חיים אמיתית.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-real-estate-agent_23-2151064995.jpg" },
|
||||
{ id: "5", name: "דוד אברהם", handle: "לקוח ותיק", testimonial: "ידעתי שניתן לסמוך עליהם מהרגע הראשון, מקצוענים.", imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12819.jpg" }
|
||||
]}
|
||||
title="לקוחות ממליצים"
|
||||
description="הדיירים שלנו נהנים מבית איכותי ומתוכנן בקפידה."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "אילו פרויקטים כרגע בתהליכי בנייה?", content: "ניתן למצוא פירוט על הפרויקטים הפעילים בדף הבית."},
|
||||
{
|
||||
id: "f2", title: "כיצד ניתן ליצור קשר עם החברה?", content: "דרך טופס צור קשר באתר או בטלפון המופיע במשרד."},
|
||||
{
|
||||
id: "f3", title: "האם יש אחריות על הדירות?", content: "כן, החברה מעניקה אחריות מלאה על הבנייה בהתאם לחוק."},
|
||||
]}
|
||||
title="שאלות נפוצות"
|
||||
description="כל מה שצריך לדעת על הפרויקטים והשירותים שלנו."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "אילו פרויקטים כרגע בתהליכי בנייה?", content: "ניתן למצוא פירוט על הפרויקטים הפעילים בדף הבית." },
|
||||
{ id: "f2", title: "כיצד ניתן ליצור קשר עם החברה?", content: "דרך טופס צור קשר באתר או בטלפון המופיע במשרד." },
|
||||
{ id: "f3", title: "האם יש אחריות על הדירות?", content: "כן, החברה מעניקה אחריות מלאה על הבנייה בהתאם לחוק." }
|
||||
]}
|
||||
title="שאלות נפוצות"
|
||||
description="כל מה שצריך לדעת על הפרויקטים והשירותים שלנו."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
tag="צור קשר"
|
||||
title="מוכנים לבנות את הבית הבא שלכם?"
|
||||
description="צרו איתנו קשר עוד היום וצוותנו יחזור אליכם בהקדם."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="צור קשר"
|
||||
title="מוכנים לבנות את הבית הבא שלכם?"
|
||||
description="צרו איתנו קשר עוד היום וצוותנו יחזור אליכם בהקדם."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="יששכר מ."
|
||||
leftLink={{
|
||||
text: "מדיניות פרטיות", href: "#"}}
|
||||
rightLink={{
|
||||
text: "כל הזכויות שמורות", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="יששכר מ."
|
||||
leftLink={{ text: "מדיניות פרטיות", href: "#" }}
|
||||
rightLink={{ text: "כל הזכויות שמורות", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user