bender/e3ed122b-b13e-4258-b3da-16ae33ea6a58
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-14 13:39:32 +00:00
parent 9eae0c1286
commit f7edfded53
1 changed files with 146 additions and 347 deletions
Download Patch File Download Diff File Expand all files Collapse all files

493
src/app/page.tsx
View File

@@ -29,362 +29,161 @@ export default function LandingPage() {
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Products",
id: "products",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Mosiqati"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Products", id: "products" },
{ name: "Contact", id: "contact" },
]}
brandName="Mosiqati"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
title="Mosiqati: Music Excellence in Jordan"
description="Your ultimate destination for professional-grade musical instruments and studio gear in Jordan. Bringing passion to every note."
testimonials={[
{
name: "Ahmad J.",
handle: "@ahmadjordan",
testimonial: "The best musical store in Jordan. Amazing service!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-handsome-hipster-guy-sitting-grass-park-playing-guitar_176420-25750.jpg",
},
{
name: "Sarah K.",
handle: "@sarahmusic",
testimonial: "High quality gear and very professional advice.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pretty-female-singer-listening-sound-headphones-happily-recording-new-song-professional-recording-studio_574295-1755.jpg",
},
{
name: "Omar M.",
handle: "@omarmus",
testimonial: "Fast delivery and genuine products.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/guitar-music-outdoors_23-2148079091.jpg",
},
{
name: "Layla S.",
handle: "@laylamusic",
testimonial: "Found everything I needed for my studio.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/hispanic-girl-with-music-skills-listening-instructions-her-guitar-teacher-video-call-laptop-while-sitting-sofa-home_662251-1413.jpg",
},
{
name: "Khalid F.",
handle: "@khalidpro",
testimonial: "Expert guidance for musicians at every level.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/computer-screen-empty-software-development-agency-showing-code_482257-125515.jpg",
},
]}
buttons={[
{
text: "Shop Now",
href: "#products",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/male-musician-playing-acoustic-guitar-microphone-recording-studio_169016-51932.jpg"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/focused-man-playing-notes-guitar_23-2148465332.jpg",
alt: "Musician portrait",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-woman-with-guitar_23-2148201736.jpg",
alt: "Musician portrait",
},
{
src: "http://img.b2bpic.net/free-photo/musical-background-with-acoustic-guitar-close-up_169016-51520.jpg",
alt: "Musician portrait",
},
{
src: "http://img.b2bpic.net/free-photo/acoustic-guitar-textured-black-wooden-background-top-view_169016-51083.jpg",
alt: "Musician portrait",
},
{
src: "http://img.b2bpic.net/free-photo/outdoor-portrait-handsome-hipster-guy-sitting-grass-park-playing-guitar_176420-25751.jpg",
alt: "Musician portrait",
},
]}
marqueeItems={[
{
type: "text",
text: "Instruments",
},
{
type: "text",
text: "Studio Gear",
},
{
type: "text",
text: "Music Education",
},
{
type: "text",
text: "Sound Engineering",
},
{
type: "text",
text: "Community",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
title="Mosiqati: Music Excellence in Jordan"
description="Your ultimate destination for professional-grade musical instruments and studio gear in Jordan. Bringing passion to every note."
testimonials={[
{ name: "Ahmad J.", handle: "@ahmadjordan", testimonial: "The best musical store in Jordan. Amazing service!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-handsome-hipster-guy-sitting-grass-park-playing-guitar_176420-25750.jpg" },
{ name: "Sarah K.", handle: "@sarahmusic", testimonial: "High quality gear and very professional advice.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pretty-female-singer-listening-sound-headphones-happily-recording-new-song-professional-recording-studio_574295-1755.jpg" },
{ name: "Omar M.", handle: "@omarmus", testimonial: "Fast delivery and genuine products.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/guitar-music-outdoors_23-2148079091.jpg" },
{ name: "Layla S.", handle: "@laylamusic", testimonial: "Found everything I needed for my studio.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/hispanic-girl-with-music-skills-listening-instructions-her-guitar-teacher-video-call-laptop-while-sitting-sofa-home_662251-1413.jpg" },
{ name: "Khalid F.", handle: "@khalidpro", testimonial: "Expert guidance for musicians at every level.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/computer-screen-empty-software-development-agency-showing-code_482257-125515.jpg" },
]}
buttons={[{ text: "Shop Now", href: "#products" }]}
imageSrc="http://img.b2bpic.net/free-photo/male-musician-playing-acoustic-guitar-microphone-recording-studio_169016-51932.jpg"
mediaAnimation="blur-reveal"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/focused-man-playing-notes-guitar_23-2148465332.jpg", alt: "Musician portrait" },
{ src: "http://img.b2bpic.net/free-photo/close-up-woman-with-guitar_23-2148201736.jpg", alt: "Musician portrait" },
{ src: "http://img.b2bpic.net/free-photo/musical-background-with-acoustic-guitar-close-up_169016-51520.jpg", alt: "Musician portrait" },
{ src: "http://img.b2bpic.net/free-photo/acoustic-guitar-textured-black-wooden-background-top-view_169016-51083.jpg", alt: "Musician portrait" },
{ src: "http://img.b2bpic.net/free-photo/outdoor-portrait-handsome-hipster-guy-sitting-grass-park-playing-guitar_176420-25751.jpg", alt: "Musician portrait" },
]}
marqueeItems={[
{ type: "text", text: "Instruments" },
{ type: "text", text: "Studio Gear" },
{ type: "text", text: "Music Education" },
{ type: "text", text: "Sound Engineering" },
{ type: "text", text: "Community" },
]}
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="About Us"
title="Passion for Music, Rooted in Jordan"
description="Mosiqati started as a small dream to equip every Jordanian musician with the right tools. Today, we are the leading provider for artists across the Kingdom."
subdescription="Our mission is to foster a vibrant musical culture by providing world-class equipment and support for creators of all genres."
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-side-view-young-man-looking-camera-vinyl-store_23-2148237246.jpg"
mediaAnimation="blur-reveal"
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="About Us"
title="Passion for Music, Rooted in Jordan"
description="Mosiqati started as a small dream to equip every Jordanian musician with the right tools. Today, we are the leading provider for artists across the Kingdom."
subdescription="Our mission is to foster a vibrant musical culture by providing world-class equipment and support for creators of all genres."
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-side-view-young-man-looking-camera-vinyl-store_23-2148237246.jpg"
mediaAnimation="blur-reveal"
icon={Zap}
/>
</div>
<div id="features" data-section="features">
<FeatureBorderGlow
textboxLayout="split"
useInvertedBackground={false}
features={[
{
icon: CheckCircle,
title: "Verified Quality",
description: "100% authentic instruments from top global brands.",
},
{
icon: Zap,
title: "Rapid Shipping",
description: "Express delivery across all cities in Jordan.",
},
{
icon: Shield,
title: "Lifetime Support",
description: "Professional guidance and maintenance services.",
},
]}
title="Why Choose Mosiqati?"
description="We don't just sell instruments; we support your musical journey with reliability and expertise."
/>
</div>
<div id="features" data-section="features">
<FeatureBorderGlow
textboxLayout="split"
useInvertedBackground={false}
animationType="blur-reveal"
features={[
{ icon: CheckCircle, title: "Verified Quality", description: "100% authentic instruments from top global brands." },
{ icon: Zap, title: "Rapid Shipping", description: "Express delivery across all cities in Jordan." },
{ icon: Shield, title: "Lifetime Support", description: "Professional guidance and maintenance services." },
]}
title="Why Choose Mosiqati?"
description="We don't just sell instruments; we support your musical journey with reliability and expertise."
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Professional Acoustic Guitar",
price: "450 JOD",
variant: "Premium Wood",
imageSrc: "http://img.b2bpic.net/free-photo/shaved-head-traditional-folk-musician-dressed-vintage-celtic-clothes-sits-wooden-box-plays-mandolin_613910-12304.jpg",
},
{
id: "p2",
name: "Studio Headphones",
price: "120 JOD",
variant: "Noise Cancelling",
imageSrc: "http://img.b2bpic.net/free-photo/human-hand-holding-headphone-white-background_23-2147843619.jpg",
},
{
id: "p3",
name: "Condenser Microphone",
price: "250 JOD",
variant: "Studio Grade",
imageSrc: "http://img.b2bpic.net/free-photo/piano-keys-top-view-musicians-workplace-concert_169016-21120.jpg",
},
{
id: "p4",
name: "Digital Keyboard 88 Keys",
price: "600 JOD",
variant: "Weighted Keys",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-digital-piano_23-2148673620.jpg",
},
{
id: "p5",
name: "Master Violin",
price: "350 JOD",
variant: "Professional Setup",
imageSrc: "http://img.b2bpic.net/free-photo/old-violin-black-background_93675-129352.jpg",
},
{
id: "p6",
name: "Pro Percussion Set",
price: "400 JOD",
variant: "Full Kit",
imageSrc: "http://img.b2bpic.net/free-photo/drums-musical-keys-black-background-isolated_169016-29256.jpg",
},
]}
title="Featured Gear"
description="Top-tier selections to take your performance to the next level."
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
animationType="blur-reveal"
products={[
{ id: "p1", name: "Professional Acoustic Guitar", price: "450 JOD", variant: "Premium Wood", imageSrc: "http://img.b2bpic.net/free-photo/shaved-head-traditional-folk-musician-dressed-vintage-celtic-clothes-sits-wooden-box-plays-mandolin_613910-12304.jpg" },
{ id: "p2", name: "Studio Headphones", price: "120 JOD", variant: "Noise Cancelling", imageSrc: "http://img.b2bpic.net/free-photo/human-hand-holding-headphone-white-background_23-2147843619.jpg" },
{ id: "p3", name: "Condenser Microphone", price: "250 JOD", variant: "Studio Grade", imageSrc: "http://img.b2bpic.net/free-photo/piano-keys-top-view-musicians-workplace-concert_169016-21120.jpg" },
{ id: "p4", name: "Digital Keyboard 88 Keys", price: "600 JOD", variant: "Weighted Keys", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-digital-piano_23-2148673620.jpg" },
{ id: "p5", name: "Master Violin", price: "350 JOD", variant: "Professional Setup", imageSrc: "http://img.b2bpic.net/free-photo/old-violin-black-background_93675-129352.jpg" },
{ id: "p6", name: "Pro Percussion Set", price: "400 JOD", variant: "Full Kit", imageSrc: "http://img.b2bpic.net/free-photo/drums-musical-keys-black-background-isolated_169016-29256.jpg" },
]}
title="Featured Gear"
description="Top-tier selections to take your performance to the next level."
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Yamaha",
"Fender",
"Roland",
"Shure",
"Audio-Technica",
]}
title="Trusted Partners"
description="Proudly associated with leading global brands in music technology."
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={["Yamaha", "Fender", "Roland", "Shure", "Audio-Technica"]}
title="Trusted Partners"
description="Proudly associated with leading global brands in music technology."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Ahmad J.",
role: "Musician",
testimonial: "Incredible products, truly world-class gear.",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-playing-vintage-guitar_23-2148328599.jpg",
},
{
id: "t2",
name: "Sarah K.",
role: "Producer",
testimonial: "My go-to store for all my studio needs in Amman.",
imageSrc: "http://img.b2bpic.net/free-photo/audio-technician-working-with-professional-editing-software-pc_482257-121264.jpg",
},
{
id: "t3",
name: "Omar M.",
role: "Guitarist",
testimonial: "Excellent service and genuine quality items.",
imageSrc: "http://img.b2bpic.net/free-photo/native-american-man-dessert_23-2149312952.jpg",
},
{
id: "t4",
name: "Layla S.",
role: "Student",
testimonial: "The best place to buy my first professional keyboard.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-guitar_23-2148605937.jpg",
},
{
id: "t5",
name: "Khalid F.",
role: "Engineer",
testimonial: "Reliable gear for my recording studio projects.",
imageSrc: "http://img.b2bpic.net/free-photo/professional-post-processing-photography-studio-with-editing-software-interface-pc-screens_482257-87241.jpg",
},
]}
title="Hear From Our Community"
description="Local musicians and producers share their success stories with Mosiqati."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
textboxLayout="default"
useInvertedBackground={false}
animationType="blur-reveal"
testimonials={[
{ id: "t1", name: "Ahmad J.", role: "Musician", testimonial: "Incredible products, truly world-class gear.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-playing-vintage-guitar_23-2148328599.jpg" },
{ id: "t2", name: "Sarah K.", role: "Producer", testimonial: "My go-to store for all my studio needs in Amman.", imageSrc: "http://img.b2bpic.net/free-photo/audio-technician-working-with-professional-editing-software-pc_482257-121264.jpg" },
{ id: "t3", name: "Omar M.", role: "Guitarist", testimonial: "Excellent service and genuine quality items.", imageSrc: "http://img.b2bpic.net/free-photo/native-american-man-dessert_23-2149312952.jpg" },
{ id: "t4", name: "Layla S.", role: "Student", testimonial: "The best place to buy my first professional keyboard.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-guitar_23-2148605937.jpg" },
{ id: "t5", name: "Khalid F.", role: "Engineer", testimonial: "Reliable gear for my recording studio projects.", imageSrc: "http://img.b2bpic.net/free-photo/professional-post-processing-photography-studio-with-editing-software-interface-pc-screens_482257-87241.jpg" },
]}
title="Hear From Our Community"
description="Local musicians and producers share their success stories with Mosiqati."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Do you offer shipping to all cities in Jordan?",
content: "Yes, we ship to Amman, Zarqa, Irbid, and all other governorates.",
},
{
id: "f2",
title: "Are your products authentic?",
content: "Absolutely. We are authorized retailers for every brand we stock.",
},
{
id: "f3",
title: "What is your return policy?",
content: "We offer a 14-day return policy for unused products in their original packaging.",
},
]}
sideTitle="Common Questions"
faqsAnimation="blur-reveal"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "Do you offer shipping to all cities in Jordan?", content: "Yes, we ship to Amman, Zarqa, Irbid, and all other governorates." },
{ id: "f2", title: "Are your products authentic?", content: "Absolutely. We are authorized retailers for every brand we stock." },
{ id: "f3", title: "What is your return policy?", content: "We offer a 14-day return policy for unused products in their original packaging." },
]}
sideTitle="Common Questions"
faqsAnimation="blur-reveal"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
tag="Contact Us"
title="Let's Connect"
description="Have questions about an instrument? Our team is here to help you make the best choice."
mediaPosition="right"
imageSrc="http://img.b2bpic.net/free-photo/small-business-manager-his-workshop_23-2149094604.jpg"
mediaAnimation="blur-reveal"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{ variant: "radial-gradient" }}
tag="Contact Us"
title="Let's Connect"
description="Have questions about an instrument? Our team is here to help you make the best choice."
mediaPosition="right"
imageSrc="http://img.b2bpic.net/free-photo/small-business-manager-his-workshop_23-2149094604.jpg"
mediaAnimation="blur-reveal"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Links",
items: [
{
label: "Home",
href: "#hero",
},
{
label: "About",
href: "#about",
},
{
label: "Products",
href: "#products",
},
],
},
{
title: "Support",
items: [
{
label: "FAQ",
href: "#faq",
},
{
label: "Contact",
href: "#contact",
},
],
},
]}
logoText="Mosiqati"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{ title: "Links", items: [{ label: "Home", href: "#hero" }, { label: "About", href: "#about" }, { label: "Products", href: "#products" }] },
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
]}
logoText="Mosiqati"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}