303 lines
17 KiB
TypeScript
303 lines
17 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="fluid"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#home"},
|
|
{
|
|
name: "About", id: "#about"},
|
|
{
|
|
name: "Services", id: "#services"},
|
|
{
|
|
name: "Products", id: "#products"},
|
|
{
|
|
name: "Testimonials", id: "#testimonials"},
|
|
{
|
|
name: "FAQ", id: "#faq"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
brandName="מרכז השעון והאלקטרוניקה"
|
|
button={{
|
|
text: "Call Now", href: "tel:+972-XXX-XXXX"}}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroBillboard
|
|
background={{
|
|
variant: "plain"}}
|
|
title="מרכז השעון והאלקטרוניקה — נתניה"
|
|
description="Your ultimate destination for luxury watches and cutting-edge electronics. Sales, service, and expert repairs under one roof."
|
|
buttons={[
|
|
{
|
|
text: "Explore Watches", href: "#products"},
|
|
{
|
|
text: "Electronics Collection", href: "#products"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309645.jpg"
|
|
imageAlt="Luxury watches and modern electronics on display"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg", alt: "Successful businessman"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/emotional-young-male-with-blue-shirt-standing-gate-with-slight-smile-his-face_181624-27994.jpg", alt: "Emotional young male"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-confident-male-employee-white-collar-shirt-smiling-camera-standing-self-assured-against-studio-background_1258-26761.jpg", alt: "Confident male employee"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg", alt: "Confident African-American businessman"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/excited-young-woman-glasses-showing-thumbs-up-smiling-praising-good-optic-store-approve-l_1258-156948.jpg", alt: "Excited young woman in glasses"},
|
|
]}
|
|
avatarText="Trusted by over 10,000 satisfied customers"
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "Luxury Watches"},
|
|
{
|
|
type: "text", text: "Smart Devices"},
|
|
{
|
|
type: "text", text: "Expert Repairs"},
|
|
{
|
|
type: "text", text: "Latest Tech"},
|
|
{
|
|
type: "text", text: "Premium Service"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={false}
|
|
heading={[
|
|
{
|
|
type: "text", content: "Precision, Expertise, "},
|
|
{
|
|
type: "text", content: "Passion"},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/technological-piece-background_23-2148882601.jpg", alt: "Watchmaker examining a watch movement"},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Our Story", href: "#"},
|
|
]}
|
|
ariaLabel="About מרכז השעון והאלקטרוניקה"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentySeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
id: "watch-repair", title: "Expert Watch Repair", descriptions: [
|
|
"Certified technicians handle all brands and complexities, from vintage timepieces to modern smartwatches."],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop_23-2150914160.jpg", imageAlt: "Watch being repaired"},
|
|
{
|
|
id: "electronics-service", title: "Advanced Electronics Service", descriptions: [
|
|
"Diagnostic and repair services for a wide range of electronics, ensuring your devices run perfectly."],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-circuit-reparing-tool_23-2148419206.jpg", imageAlt: "Electronics being serviced"},
|
|
{
|
|
id: "new-products", title: "Latest Product Arrivals", descriptions: [
|
|
"Discover the newest models and innovations in watches, smartphones, and accessories."],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/curly-woman-looking-headphones_114579-26935.jpg", imageAlt: "New watches and electronics"},
|
|
]}
|
|
title="Unrivaled Service & Selection"
|
|
description="Our experts provide top-tier repair, maintenance, and a curated selection of the finest watches and electronics."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="two-columns-alternating-heights"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1", brand: "Chronos", name: "Luxury Chronograph 5000", price: "₪7,500", rating: 5,
|
|
reviewCount: "120 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241144.jpg", imageAlt: "Luxury Chronograph 5000"},
|
|
{
|
|
id: "p2", brand: "NexuTech", name: "Zenith Smartwatch Pro", price: "₪1,200", rating: 4,
|
|
reviewCount: "85 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/male-hand-adjusting-sport-watch_23-2148375929.jpg", imageAlt: "Zenith Smartwatch Pro"},
|
|
{
|
|
id: "p3", brand: "SonicWave", name: "Elite Wireless Earbuds", price: "₪650", rating: 5,
|
|
reviewCount: "150 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722637.jpg", imageAlt: "Elite Wireless Earbuds"},
|
|
{
|
|
id: "p4", brand: "Audiomax", name: "Aura Smart Speaker", price: "₪899", rating: 4,
|
|
reviewCount: "90 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-with-speakers-home_23-2149625145.jpg", imageAlt: "Aura Smart Speaker"},
|
|
{
|
|
id: "p5", brand: "ChargeMaster", name: "HyperCharge Wireless Pad", price: "₪300", rating: 5,
|
|
reviewCount: "210 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/blue-cell-phone-connected-usb-cable-type-c-charging_58702-4556.jpg", imageAlt: "HyperCharge Wireless Pad"},
|
|
{
|
|
id: "p6", brand: "Melody", name: "Studio Pro Headphones", price: "₪1,400", rating: 5,
|
|
reviewCount: "75 Reviews", imageSrc: "http://img.b2bpic.net/free-photo/levitating-music-headphones-display_23-2149817612.jpg", imageAlt: "Studio Pro Headphones"},
|
|
]}
|
|
title="Discover Our Premium Collection"
|
|
description="Explore a curated selection of luxury watches and innovative electronics, meticulously chosen for quality and style."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardEleven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "25+", title: "Years of Experience", description: "A quarter-century serving the Netanya community with unparalleled expertise.", imageSrc: "http://img.b2bpic.net/free-photo/owen-jones-famous-19th-century-grammar-ornament_53876-65034.jpg", imageAlt: "Vintage pocket watch"},
|
|
{
|
|
id: "m2", value: "10K+", title: "Satisfied Customers", description: "Building trust and delivering happiness, one watch and gadget at a time.", imageSrc: "http://img.b2bpic.net/free-photo/user-people-network-circuit-board-link-connection-technology_1379-886.jpg", imageAlt: "Connected devices representing customers"},
|
|
{
|
|
id: "m3", value: "5K+", title: "Repairs Completed", description: "Restoring precision and function with meticulous attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/female-technician-with-electronics-tool_23-2148816349.jpg", imageAlt: "Hand performing micro-repair on circuit board"},
|
|
]}
|
|
title="Our Achievements Speak Volumes"
|
|
description="Years of dedication and countless satisfied customers are a testament to our commitment to excellence."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "t1", title: "Exceptional Service!", quote: "The repair on my vintage watch was flawless. The attention to detail is truly unmatched. Highly recommend!", name: "Yaron Cohen", role: "Local Business Owner", imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-man-jacket-posing_171337-19811.jpg", imageAlt: "Yaron Cohen"},
|
|
{
|
|
id: "t2", title: "Fast & Reliable Electronics Repair", quote: "My phone was fixed in record time, and it works perfectly. Professional and efficient service every time.", name: "Noa Levi", role: "Tech Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-businessman-suit-showing-okay-sign-looking-satisfied-standing-against-white-ba_1258-154130.jpg", imageAlt: "Noa Levi"},
|
|
{
|
|
id: "t3", title: "Stunning Collection", quote: "I found the perfect smartwatch here. The selection is fantastic, and the staff were incredibly knowledgeable.", name: "Avi Ben-David", role: "Customer", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-with-grey-hair-wearing-business-suit-tie-looking-side-relax-profile-pose-with-natural-face-confident-smile_839833-13950.jpg", imageAlt: "Avi Ben-David"},
|
|
{
|
|
id: "t4", title: "Trustworthy Experts", quote: "They truly understand watches. My family has been coming here for years, and we've always been delighted.", name: "Einat Goldstein", role: "Long-time Client", imageSrc: "http://img.b2bpic.net/free-photo/girl-feels-like-winner-celebrates-success-clenches-fist-looks-happily-away-wears-casual-yellow-jumper-grey-blank-copy-space-belongs-youth-subculture_273609-54755.jpg", imageAlt: "Einat Goldstein"},
|
|
{
|
|
id: "t5", title: "Best in Netanya!", quote: "For any watch or electronic need, this is the only place I go. Superior products and unbeatable service.", name: "Daniel Hazan", role: "Local Resident", imageSrc: "http://img.b2bpic.net/free-photo/handsome-businessman-sunglasses-pointing-front-gray-wall_231208-9060.jpg", imageAlt: "Daniel Hazan"},
|
|
]}
|
|
title="What Our Customers Say"
|
|
description="Hear directly from clients who trust us with their most valuable timepieces and devices."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "faq1", title: "What brands of watches do you repair?", content: "We service a wide range of watch brands, from luxury mechanical watches to popular smartwatches. Please contact us for specific brand inquiries."},
|
|
{
|
|
id: "faq2", title: "Do you offer warranty on repairs?", content: "Yes, all our repairs come with a standard warranty period. Details will be provided upon service completion."},
|
|
{
|
|
id: "faq3", title: "Can I get a quote before repair?", content: "Absolutely. We provide detailed estimates after an initial diagnostic. No work begins without your approval."},
|
|
{
|
|
id: "faq4", title: "What types of electronics do you sell?", content: "Our selection includes smart devices, headphones, portable speakers, charging solutions, and various accessories from leading brands."},
|
|
{
|
|
id: "faq5", title: "Do you offer trade-ins?", content: "We occasionally offer trade-in programs for certain products. Please inquire with our sales team for current offers."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/urban-mysterious-lights-film-aesthetic_23-2149098585.jpg"
|
|
imageAlt="Question mark symbol with circuits"
|
|
mediaAnimation="opacity"
|
|
title="Your Questions, Answered"
|
|
description="Find quick answers to common questions about our services, products, and repair processes."
|
|
faqsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Get in Touch"
|
|
title="Visit Us or Say Hello"
|
|
description="We're located in the heart of Netanya, ready to assist with all your watch and electronic needs. Reach out today!"
|
|
imageSrc="http://img.b2bpic.net/free-photo/top-view-internet-communication-network-with-copy-space_23-2148779274.jpg"
|
|
imageAlt="Desktop with watch, phone, and contact icons"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="left"
|
|
inputPlaceholder="Enter your email for updates"
|
|
buttonText="Subscribe"
|
|
termsText="By clicking subscribe you're confirming that you agree with our privacy policy."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{
|
|
label: "Watch Repair", href: "#services"},
|
|
{
|
|
label: "Electronics Repair", href: "#services"},
|
|
{
|
|
label: "New Arrivals", href: "#products"},
|
|
{
|
|
label: "Diagnostics", href: "#services"},
|
|
],
|
|
},
|
|
{
|
|
title: "About Us", items: [
|
|
{
|
|
label: "Our Story", href: "#about"},
|
|
{
|
|
label: "Our Team", href: "#about"},
|
|
{
|
|
label: "Testimonials", href: "#testimonials"},
|
|
{
|
|
label: "Careers", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{
|
|
label: "FAQ", href: "#faq"},
|
|
{
|
|
label: "Contact Us", href: "#contact"},
|
|
{
|
|
label: "Warranty Info", href: "#faq"},
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2024 מרכז השעון והאלקטרוניקה. All rights reserved."
|
|
bottomRightText="Built with precision and care."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|