bender/36f3c9d7-281b-4ec3-b728-8f0b50a0f9ea
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-17 01:51:28 +00:00
parent cbadc4082c
commit 55bab2234e
1 changed files with 45 additions and 305 deletions
Download Patch File Download Diff File Expand all files Collapse all files

350
src/app/page.tsx
View File

@@ -3,16 +3,16 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Award, Shield, Zap } from "lucide-react";
import { Award, Shield, Zap, CheckCircle, Clock, Smartphone } from "lucide-react";
export default function LandingPage() {
return (
@@ -32,26 +32,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "features",
},
{
name: "Shop",
id: "products",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "features" },
{ name: "Shop", id: "products" },
{ name: "Contact", id: "contact" },
]}
brandName="Kedai Ramah & Repair"
/>
@@ -59,83 +44,18 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Reliable Repair for Your Daily Tech"
description="Expert diagnostics, fast turnarounds, and quality parts for your smartphones, laptops, and essential electronics."
kpis={[
{
value: "10k+",
label: "Devices Fixed",
},
{
value: "24h",
label: "Avg. Turnaround",
},
{
value: "99%",
label: "Client Satisfaction",
},
{ value: "10k+", label: "Devices Fixed" },
{ value: "24h", label: "Avg. Turnaround" },
{ value: "99%", label: "Client Satisfaction" },
]}
enableKpiAnimation={true}
buttons={[
{
text: "Book Repair",
href: "#contact",
},
{
text: "Our Services",
href: "#features",
},
]}
buttons={[{ text: "Book Repair", href: "#contact" }, { text: "Our Services", href: "#features" }]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-woman-repairing-computer-chips_23-2150880931.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/woman-standing-with-arms-crossed-kitchen_107420-12355.jpg",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/selfie-cheerful-caucasian-fair-haired-woman-standing-near-rack-with-dresses-fashion-shop-looking-camera-smiling-boutique-customer-shop-assistant-concept_74855-11952.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/cheerful-woman-waiting-someone-hotel-lobby_1262-20866.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
alt: "Client 5",
},
]}
avatarText="Trusted by 10,000+ local customers"
marqueeItems={[
{
type: "text",
text: "Certified Repairs",
},
{
type: "text",
text: "Original Parts",
},
{
type: "text",
text: "Fast Turnaround",
},
{
type: "text",
text: "Expert Technicians",
},
{
type: "text",
text: "Reliable Support",
},
]}
/>
</div>
@@ -144,21 +64,9 @@ export default function LandingPage() {
useInvertedBackground={true}
title="Why Kedai Ramah?"
metrics={[
{
icon: Shield,
label: "Warranty",
value: "12 Months",
},
{
icon: Award,
label: "Expertise",
value: "15+ Years",
},
{
icon: Zap,
label: "Speed",
value: "Express Fix",
},
{ icon: Shield, label: "Warranty", value: "12 Months" },
{ icon: Award, label: "Expertise", value: "15+ Years" },
{ icon: Zap, label: "Speed", value: "Express Fix" },
]}
metricsAnimation="slide-up"
/>
@@ -169,21 +77,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Smartphone Repair",
description: "Screen replacement, battery issues, and charging port fixes.",
imageSrc: "http://img.b2bpic.net/free-photo/fishing-lure-fishing-float-plier-weighing-scale-near-digital-tablet-with-white-screen-desk_23-2148189234.jpg",
},
{
title: "Laptop & PC Support",
description: "Performance optimization, hardware upgrades, and screen fixes.",
imageSrc: "http://img.b2bpic.net/free-photo/master-uses-small-suction-cup-remove-battery-cells-from-broken-laptop-repair-clean-it-his-laboratory-with-special-tools-table-around_346278-1803.jpg",
},
{
title: "Advanced Gadget Fixes",
description: "Complex soldering, water damage recovery, and sensor repairs.",
imageSrc: "http://img.b2bpic.net/free-photo/set-new-shiny-wrenches-wall-special-pockets-workshop_613910-17112.jpg",
},
{ title: "Smartphone Repair", description: "Screen replacement, battery issues, and charging port fixes.", imageSrc: "http://img.b2bpic.net/free-photo/fishing-lure-fishing-float-plier-weighing-scale-near-digital-tablet-with-white-screen-desk_23-2148189234.jpg" },
{ title: "Laptop & PC Support", description: "Performance optimization, hardware upgrades, and screen fixes.", imageSrc: "http://img.b2bpic.net/free-photo/master-uses-small-suction-cup-remove-battery-cells-from-broken-laptop-repair-clean-it-his-laboratory-with-special-tools-table-around_346278-1803.jpg" },
{ title: "Advanced Gadget Fixes", description: "Complex soldering, water damage recovery, and sensor repairs.", imageSrc: "http://img.b2bpic.net/free-photo/set-new-shiny-wrenches-wall-special-pockets-workshop_613910-17112.jpg" },
]}
title="Professional Repair Services"
description="We specialize in modern device restoration, ensuring your tech works like new."
@@ -196,36 +92,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "99.8%",
title: "Repair Success",
items: [
"Certified technicians",
"Original parts",
"Quality checks",
],
},
{
id: "m2",
value: "12,000",
title: "Items Repaired",
items: [
"Phones",
"Laptops",
"Consoles",
],
},
{
id: "m3",
value: "4.9/5",
title: "Star Rating",
items: [
"Google Reviews",
"Customer Trust",
"Proven track record",
],
},
{ id: "m1", value: "99.8%", title: "Repair Success", items: ["Certified technicians", "Original parts", "Quality checks"] },
{ id: "m2", value: "12,000", title: "Items Repaired", items: ["Phones", "Laptops", "Consoles"] },
{ id: "m3", value: "4.9/5", title: "Star Rating", items: ["Google Reviews", "Customer Trust", "Proven track record"] },
]}
title="Our Success Metrics"
description="Evidence-backed excellence in electronic repairs."
@@ -239,42 +108,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Pro Case",
price: "$29",
imageSrc: "http://img.b2bpic.net/free-photo/usb-cable-type-c-white-isolated-background_58702-4503.jpg",
},
{
id: "p2",
name: "Cooling Pad",
price: "$45",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-concept-with-laptop_23-2148223102.jpg",
},
{
id: "p3",
name: "Pro Buds",
price: "$129",
imageSrc: "http://img.b2bpic.net/free-photo/defocused-smiley-woman-holding-virtual-reality-headset_23-2148556229.jpg",
},
{
id: "p4",
name: "Screen Protector",
price: "$19",
imageSrc: "http://img.b2bpic.net/free-photo/view-tiny-music-boxes-collection_23-2150545638.jpg",
},
{
id: "p5",
name: "Universal Hub",
price: "$59",
imageSrc: "http://img.b2bpic.net/free-photo/workplace-with-smartphone-blank-notepad_23-2147834525.jpg",
},
{
id: "p6",
name: "Rapid Power Bank",
price: "$79",
imageSrc: "http://img.b2bpic.net/free-photo/phone-mobile-connect-battery-power-bank_93675-129752.jpg",
},
{ id: "p1", name: "Pro Case", price: "$29", imageSrc: "http://img.b2bpic.net/free-photo/usb-cable-type-c-white-isolated-background_58702-4503.jpg" },
{ id: "p2", name: "Cooling Pad", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-concept-with-laptop_23-2148223102.jpg" },
{ id: "p3", name: "Pro Buds", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/defocused-smiley-woman-holding-virtual-reality-headset_23-2148556229.jpg" },
]}
title="Essential Tech Accessories"
description="High-quality parts and accessories for your devices."
@@ -287,41 +123,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah Miller",
role: "Designer",
testimonial: "Excellent screen repair for my iPhone. Back the same day!",
imageSrc: "http://img.b2bpic.net/free-photo/person-working-pottery-workshop_23-2148970766.jpg",
},
{
id: "2",
name: "John Davis",
role: "Freelancer",
testimonial: "Kedai Ramah saved my laptop. Very reliable and honest work.",
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-4107.jpg",
},
{
id: "3",
name: "Emily Chen",
role: "Student",
testimonial: "Best service in town, prices are very reasonable too.",
imageSrc: "http://img.b2bpic.net/free-photo/young-delivery-man-wor_23-2147914233.jpg",
},
{
id: "4",
name: "Mark Wilson",
role: "Developer",
testimonial: "They fix things nobody else can handle. Highly professional.",
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-having-online-meeting-work_23-2148940758.jpg",
},
{
id: "5",
name: "Linda White",
role: "Teacher",
testimonial: "Kind, fast, and helpful. Truly the best repair experience.",
imageSrc: "http://img.b2bpic.net/free-photo/pretty-teenager-talking-phone_23-2148804639.jpg",
},
{ id: "1", name: "Sarah Miller", role: "Designer", testimonial: "Excellent screen repair for my iPhone. Back the same day!", imageSrc: "http://img.b2bpic.net/free-photo/person-working-pottery-workshop_23-2148970766.jpg" },
{ id: "2", name: "John Davis", role: "Freelancer", testimonial: "Kedai Ramah saved my laptop. Very reliable and honest work.", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-4107.jpg" },
{ id: "3", name: "Emily Chen", role: "Student", testimonial: "Best service in town, prices are very reasonable too.", imageSrc: "http://img.b2bpic.net/free-photo/young-delivery-man-wor_23-2147914233.jpg" },
]}
title="What Our Customers Say"
description="Trusted by hundreds of local customers daily."
@@ -332,21 +136,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Do you offer warranty?",
content: "Yes, we provide a 12-month warranty on most repairs and parts.",
},
{
id: "f2",
title: "How long does repair take?",
content: "Most repairs are completed within 24 hours, depending on parts availability.",
},
{
id: "f3",
title: "Can you fix water damage?",
content: "Yes, we use advanced ultrasonic cleaning to recover water-damaged devices.",
},
{ id: "f1", title: "Do you offer warranty?", content: "Yes, we provide a 12-month warranty on most repairs and parts." },
{ id: "f2", title: "How long does repair take?", content: "Most repairs are completed within 24 hours, depending on parts availability." },
{ id: "f3", title: "Can you fix water damage?", content: "Yes, we use advanced ultrasonic cleaning to recover water-damaged devices." },
]}
sideTitle="Common Questions"
faqsAnimation="slide-up"
@@ -354,80 +146,28 @@ export default function LandingPage() {
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={true}
title="Ready to get fixed?"
description="Reach out today and let's bring your device back to life."
inputs={[
{
name: "name",
type: "text",
placeholder: "Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Email",
required: true,
},
{
name: "device",
type: "text",
placeholder: "Device Model",
required: true,
},
]}
textarea={{
name: "message",
placeholder: "Tell us about the issue",
rows: 4,
required: true,
}}
<ContactSplit
tag="Get in Touch"
title="Bring Your Device Back to Life"
description="Fast, professional repair services tailored to your needs. Fill out the form and our technicians will be in touch shortly."
imageSrc="http://img.b2bpic.net/free-photo/master-holds-new-screen-replacement-disassembled-smartphone-his-laboratory-tool-kit-with-instruments-laptop-front-him-white-table-space-your-text-right_346278-1201.jpg"
buttonText="Submit Repair Request"
termsText="By submitting, you agree to our 12-month warranty terms and conditions."
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Services",
href: "#features",
},
{
label: "Shop",
href: "#products",
},
],
},
{
items: [
{
label: "Contact",
href: "#contact",
},
{
label: "FAQ",
href: "#faq",
},
{
label: "Privacy Policy",
href: "#",
},
],
},
]}
<FooterBaseCard
logoText="Kedai Ramah & Repair"
columns={[
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }, { label: "Trust & Safety", href: "#" }] },
{ title: "Services", items: [{ label: "Smartphone Repair", href: "#features" }, { label: "Laptop Fixes", href: "#features" }, { label: "Diagnostic", href: "#features" }] },
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact Us", href: "#contact" }, { label: "Privacy", href: "#" }] }
]}
copyrightText="© 2025 Kedai Ramah & Repair | Trusted Local Service"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}