Update src/app/page.tsx
This commit is contained in:
466
src/app/page.tsx
466
src/app/page.tsx
@@ -28,329 +28,167 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Process",
|
||||
id: "process",
|
||||
},
|
||||
{
|
||||
name: "Why SAMA",
|
||||
id: "why",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="SAMA"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Process", id: "process" },
|
||||
{ name: "Why SAMA", id: "why" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="SAMA"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Luxury Flooring & Home Décor — Delivered in 48 Hours"
|
||||
description="Transform your space with premium materials, expert craftsmanship, and unmatched speed. Experience high-end results without the premium delays."
|
||||
tag="SAMA Floor & Home Decor"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Our Work",
|
||||
href: "#services",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-couch-using-mobile_23-2148415757.jpg",
|
||||
imageAlt: "luxury interior marble flooring modern home",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-wood-stone-white-bathroom_105762-2136.jpg",
|
||||
imageAlt: "luxury interior marble flooring modern home",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-orchid-living-romm_268835-3707.jpg",
|
||||
imageAlt: "White orchid in a living romm",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trendy-coffee-shop-city_53876-14311.jpg",
|
||||
imageAlt: "Trendy coffee shop in the city",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-talking-mobile_23-2148415911.jpg",
|
||||
imageAlt: "Modern woman talking over mobile",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
ratingText="100+ Happy Clients completed in 48 hours"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
title="Luxury Flooring & Home Décor — Delivered in 48 Hours"
|
||||
description="Transform your space with premium materials, expert craftsmanship, and unmatched speed. Experience high-end results without the premium delays."
|
||||
tag="SAMA Floor & Home Decor"
|
||||
buttons={[
|
||||
{ text: "Get Free Quote", href: "#contact" },
|
||||
{ text: "View Our Work", href: "#services" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-couch-using-mobile_23-2148415757.jpg", imageAlt: "luxury interior marble flooring modern home"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-wood-stone-white-bathroom_105762-2136.jpg", imageAlt: "luxury interior marble flooring modern home"}
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
ratingText="100+ Happy Clients completed in 48 hours"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Fahad Abdullah",
|
||||
"Ahmed Sedki",
|
||||
"Mohammed Akheel",
|
||||
"Meshael S",
|
||||
"Fatima Al-Harbi",
|
||||
"Khalid Al-Rashid",
|
||||
"Sara Al-Otaibi",
|
||||
]}
|
||||
title="Trusted by Homeowners Across Saudi Arabia"
|
||||
description="Join over 100+ satisfied clients who transformed their homes with our precision installation."
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Fahad Abdullah", "Ahmed Sedki", "Mohammed Akheel", "Meshael S", "Fatima Al-Harbi", "Khalid Al-Rashid", "Sara Al-Otaibi"]}
|
||||
title="Trusted by Homeowners Across Saudi Arabia"
|
||||
description="Join over 100+ satisfied clients who transformed their homes with our precision installation."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
label: "01",
|
||||
title: "Luxury Flooring",
|
||||
items: [
|
||||
"Marble flooring",
|
||||
"SPC & Parquet",
|
||||
"Vinyl finishes",
|
||||
"Custom patterns",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
label: "02",
|
||||
title: "Home Décor Solutions",
|
||||
items: [
|
||||
"Modern styling",
|
||||
"Classic design",
|
||||
"Color consultation",
|
||||
"Space planning",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
label: "03",
|
||||
title: "Custom Projects",
|
||||
items: [
|
||||
"Tailored vision",
|
||||
"High-end finishes",
|
||||
"Bespoke carpentry",
|
||||
"Detail-oriented",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
label: "04",
|
||||
title: "Fast Installation",
|
||||
items: [
|
||||
"24-48 hour turnaround",
|
||||
"Professional team",
|
||||
"Precise timing",
|
||||
"Clean delivery",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Our Premium Services"
|
||||
description="We specialize in high-end materials and fast, professional installation to make your vision a reality."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "s1", label: "01", title: "Luxury Flooring", items: ["Marble flooring", "SPC & Parquet", "Vinyl finishes", "Custom patterns"] },
|
||||
{ id: "s2", label: "02", title: "Home Décor Solutions", items: ["Modern styling", "Classic design", "Color consultation", "Space planning"] },
|
||||
{ id: "s3", label: "03", title: "Custom Projects", items: ["Tailored vision", "High-end finishes", "Bespoke carpentry", "Detail-oriented"] },
|
||||
{ id: "s4", label: "04", title: "Fast Installation", items: ["24-48 hour turnaround", "Professional team", "Precise timing", "Clean delivery"] },
|
||||
]}
|
||||
title="Our Premium Services"
|
||||
description="We specialize in high-end materials and fast, professional installation to make your vision a reality."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="process" data-section="process">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={true}
|
||||
title="Simple & Hassle-Free Process"
|
||||
tag="How We Work"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1",
|
||||
description: "Request your free consultation",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "2",
|
||||
description: "Expert site visit & quote",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "3",
|
||||
description: "Design & material selection",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "4",
|
||||
description: "Professional installation within 48h",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="process" data-section="process">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={true}
|
||||
title="Simple & Hassle-Free Process"
|
||||
tag="How We Work"
|
||||
metrics={[
|
||||
{ id: "m1", value: "1", description: "Request your free consultation" },
|
||||
{ id: "m2", value: "2", description: "Expert site visit & quote" },
|
||||
{ id: "m3", value: "3", description: "Design & material selection" },
|
||||
{ id: "m4", value: "4", description: "Professional installation within 48h" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why" data-section="why">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Why Clients Choose SAMA"
|
||||
description="We bridge the gap between luxury and efficiency. With expert engineers and a professional team, we guarantee premium results without the usual industry delays or inflated prices."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-man-using-sand-paper-carpentry-workshop-concept_23-2148640281.jpg"
|
||||
imageAlt="fast home renovation team"
|
||||
/>
|
||||
</div>
|
||||
<div id="why" data-section="why">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Why Clients Choose SAMA"
|
||||
description="We bridge the gap between luxury and efficiency. With expert engineers and a professional team, we guarantee premium results without the usual industry delays or inflated prices."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-man-using-sand-paper-carpentry-workshop-concept_23-2148640281.jpg"
|
||||
imageAlt="fast home renovation team"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Fahad Abdullah",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/resting-smiling-young-woman-sitting-home-sofa_259150-59716.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Ahmed Sedki",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15675.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mohammed Akheel",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-casual-salsa-dance-themed-get-together_23-2151356594.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Meshael S",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-2685.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Fatima Al-Harbi",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-home-with-heater_23-2149339547.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="What Our Clients Say"
|
||||
cardTag="Reviews"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Fahad Abdullah", imageSrc: "http://img.b2bpic.net/free-photo/resting-smiling-young-woman-sitting-home-sofa_259150-59716.jpg" },
|
||||
{ id: "t2", name: "Ahmed Sedki", imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15675.jpg" },
|
||||
{ id: "t3", name: "Mohammed Akheel", imageSrc: "http://img.b2bpic.net/free-photo/people-having-casual-salsa-dance-themed-get-together_23-2151356594.jpg" },
|
||||
{ id: "t4", name: "Meshael S", imageSrc: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-2685.jpg" },
|
||||
{ id: "t5", name: "Fatima Al-Harbi", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-home-with-heater_23-2149339547.jpg" },
|
||||
]}
|
||||
cardTitle="What Our Clients Say"
|
||||
cardTag="Reviews"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How fast is your installation process?",
|
||||
content: "We pride ourselves on efficiency. Most of our projects are completed within 24–48 hours without compromising on quality.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you handle custom designs?",
|
||||
content: "Yes, our team of engineers and designers works closely with you to deliver bespoke interior solutions tailored to your unique vision.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are your materials high quality?",
|
||||
content: "We use only premium materials including high-grade marble, SPC, and parquet, ensuring long-lasting luxury finishes for your home.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our fast, high-quality home decor and flooring services."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "How fast is your installation process?", content: "We pride ourselves on efficiency. Most of our projects are completed within 24–48 hours without compromising on quality." },
|
||||
{ id: "f2", title: "Do you handle custom designs?", content: "Yes, our team of engineers and designers works closely with you to deliver bespoke interior solutions tailored to your unique vision." },
|
||||
{ id: "f3", title: "Are your materials high quality?", content: "We use only premium materials including high-grade marble, SPC, and parquet, ensuring long-lasting luxury finishes for your home." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our fast, high-quality home decor and flooring services."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Ready to Upgrade Your Home?"
|
||||
description="Get a free consultation today and transform your space in just days."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blueprints-computer-monitor-desk-real-estate-office_637285-1130.jpg"
|
||||
mediaPosition="right"
|
||||
buttonText="Request Consultation"
|
||||
imageAlt="luxury modern interior home renovation"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Ready to Upgrade Your Home?"
|
||||
description="Get a free consultation today and transform your space in just days."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blueprints-computer-monitor-desk-real-estate-office_637285-1130.jpg"
|
||||
mediaPosition="right"
|
||||
buttonText="Request Consultation"
|
||||
imageAlt="luxury modern interior home renovation"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="SAMA FLOOR & HOME DECOR"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#why",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Our Process",
|
||||
href: "#process",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/yournumber",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms & Conditions",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2026 SAMA FLOOR & HOME DECOR. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="SAMA FLOOR & HOME DECOR"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#why" },
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Our Process", href: "#process" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "WhatsApp", href: "https://wa.me/yournumber" },
|
||||
{ label: "Instagram", href: "https://instagram.com" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms & Conditions", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2026 SAMA FLOOR & HOME DECOR. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user