Update src/app/page.tsx
This commit is contained in:
326
src/app/page.tsx
326
src/app/page.tsx
@@ -14,7 +14,7 @@ import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Box, Flame, Headphones, Home, Star, Users } from "lucide-react";
|
||||
import { BadgeCheck, Box, DollarSign, Flame, Headphones, Home, LayoutGrid, ShieldCheck, Star, Users } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -35,42 +35,24 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Products", id: "#products"},
|
||||
{
|
||||
name: "Offers",
|
||||
id: "#offers",
|
||||
},
|
||||
name: "Offers", id: "#offers"},
|
||||
{
|
||||
name: "Trust",
|
||||
id: "#social-proof",
|
||||
},
|
||||
name: "Trust", id: "#social-proof"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Browse All Products",
|
||||
href: "#products",
|
||||
}}
|
||||
text: "Browse All Products", href: "#products"}}
|
||||
brandName="RM Digital Hub"
|
||||
/>
|
||||
</div>
|
||||
@@ -78,15 +60,12 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
logoText="RM Digital Hub"
|
||||
description="Shop genuine smartphones from Apple to Xiaomi, plus ACs, washing machines, and electronics—all at competitive prices with warranty protection"
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse All Products",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Browse All Products", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-wireless-cyberpunk-headphones_23-2151072230.jpg"
|
||||
imageAlt="Collection of premium electronics: smartphones, washing machine, AC"
|
||||
@@ -110,32 +89,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Wide Selection",
|
||||
description: "Access a vast catalog of mobile phones, washing machines, ACs, and other electronics from leading global brands.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-teenager-s-desk_23-2149371274.jpg",
|
||||
imageAlt: "Network of diverse electronic device icons",
|
||||
buttonIcon: "LayoutGrid",
|
||||
title: "Wide Selection", description: "Access a vast catalog of mobile phones, washing machines, ACs, and other electronics from leading global brands.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-teenager-s-desk_23-2149371274.jpg", imageAlt: "Network of diverse electronic device icons", buttonIcon: LayoutGrid,
|
||||
},
|
||||
{
|
||||
title: "Competitive Pricing",
|
||||
description: "Benefit from the best deals and transparent pricing structures that ensure you get genuine products at affordable rates.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottles-cash-with-coins-saving-money-concept_1150-12563.jpg",
|
||||
imageAlt: "Graphic showing competitive pricing with upward arrows",
|
||||
buttonIcon: "DollarSign",
|
||||
title: "Competitive Pricing", description: "Benefit from the best deals and transparent pricing structures that ensure you get genuine products at affordable rates.", imageSrc: "http://img.b2bpic.net/free-photo/bottles-cash-with-coins-saving-money-concept_1150-12563.jpg", imageAlt: "Graphic showing competitive pricing with upward arrows", buttonIcon: DollarSign,
|
||||
},
|
||||
{
|
||||
title: "Genuine Products",
|
||||
description: "We guarantee authenticity. All our products are sourced directly from manufacturers, ensuring you receive only original items.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-industry-40-concept_23-2149408300.jpg",
|
||||
imageAlt: "Holographic security seal on a premium smartphone box",
|
||||
buttonIcon: "BadgeCheck",
|
||||
title: "Genuine Products", description: "We guarantee authenticity. All our products are sourced directly from manufacturers, ensuring you receive only original items.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-industry-40-concept_23-2149408300.jpg", imageAlt: "Holographic security seal on a premium smartphone box", buttonIcon: BadgeCheck,
|
||||
},
|
||||
{
|
||||
title: "Warranty & Support",
|
||||
description: "Enjoy peace of mind with comprehensive warranty protection and dedicated customer support for all your purchases.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-data-protection-concept_23-2151997012.jpg",
|
||||
imageAlt: "Hand holding a glowing shield icon with tech support elements",
|
||||
buttonIcon: "ShieldCheck",
|
||||
title: "Warranty & Support", description: "Enjoy peace of mind with comprehensive warranty protection and dedicated customer support for all your purchases.", imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-data-protection-concept_23-2151997012.jpg", imageAlt: "Hand holding a glowing shield icon with tech support elements", buttonIcon: ShieldCheck,
|
||||
},
|
||||
]}
|
||||
title="Why Choose RM Digital Hub?"
|
||||
@@ -151,47 +114,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p-1",
|
||||
name: "Latest Flagship Smartphone",
|
||||
price: "$999",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/army-officer-examines-reconnaissance-system-world-map_482257-90133.jpg",
|
||||
imageAlt: "Sleek black premium smartphone",
|
||||
},
|
||||
id: "p-1", name: "Latest Flagship Smartphone", price: "$999", imageSrc: "http://img.b2bpic.net/free-photo/army-officer-examines-reconnaissance-system-world-map_482257-90133.jpg", imageAlt: "Sleek black premium smartphone"},
|
||||
{
|
||||
id: "p-2",
|
||||
name: "Smart Inverter Washing Machine",
|
||||
price: "$649",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-programming-washing-machine_23-2148246555.jpg",
|
||||
imageAlt: "Modern white washing machine",
|
||||
},
|
||||
id: "p-2", name: "Smart Inverter Washing Machine", price: "$649", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-programming-washing-machine_23-2148246555.jpg", imageAlt: "Modern white washing machine"},
|
||||
{
|
||||
id: "p-3",
|
||||
name: "Energy-Efficient Inverter AC",
|
||||
price: "$789",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-laptop_23-2149304897.jpg",
|
||||
imageAlt: "Sleek wall-mounted inverter AC unit",
|
||||
},
|
||||
id: "p-3", name: "Energy-Efficient Inverter AC", price: "$789", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-laptop_23-2149304897.jpg", imageAlt: "Sleek wall-mounted inverter AC unit"},
|
||||
{
|
||||
id: "p-4",
|
||||
name: "Ultra-Slim Performance Laptop",
|
||||
price: "$1299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-laptop-outdoors_23-2149396210.jpg",
|
||||
imageAlt: "Thin silver ultrabook laptop",
|
||||
},
|
||||
id: "p-4", name: "Ultra-Slim Performance Laptop", price: "$1299", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-laptop-outdoors_23-2149396210.jpg", imageAlt: "Thin silver ultrabook laptop"},
|
||||
{
|
||||
id: "p-5",
|
||||
name: "Premium Wireless Earbuds",
|
||||
price: "$149",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074265.jpg",
|
||||
imageAlt: "Premium wireless earbuds in a charging case",
|
||||
},
|
||||
id: "p-5", name: "Premium Wireless Earbuds", price: "$149", imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074265.jpg", imageAlt: "Premium wireless earbuds in a charging case"},
|
||||
{
|
||||
id: "p-6",
|
||||
name: "Advanced Health Smartwatch",
|
||||
price: "$299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-checking-watch_23-2149161259.jpg",
|
||||
imageAlt: "Modern smartwatch with vibrant digital face",
|
||||
},
|
||||
id: "p-6", name: "Advanced Health Smartwatch", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-checking-watch_23-2149161259.jpg", imageAlt: "Modern smartwatch with vibrant digital face"},
|
||||
]}
|
||||
title="Our Top Products"
|
||||
description="Discover the latest smartphones, essential home appliances, and innovative electronics from leading global brands."
|
||||
@@ -205,61 +138,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "offer-1",
|
||||
badge: "Hot Deal",
|
||||
badgeIcon: Flame,
|
||||
price: "Bundle Price",
|
||||
subtitle: "Smartphone + Earbuds Combo",
|
||||
buttons: [
|
||||
id: "offer-1", badge: "Hot Deal", badgeIcon: Flame,
|
||||
price: "Bundle Price", subtitle: "Smartphone + Earbuds Combo", buttons: [
|
||||
{
|
||||
text: "View Deal",
|
||||
href: "#",
|
||||
},
|
||||
text: "View Deal", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Latest Flagship Phone",
|
||||
"Premium Wireless Earbuds",
|
||||
"Exclusive Discount",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-smiling-young-couple-holding-wireless-speaker-listening-music-dancing-orange_285396-9303.jpg",
|
||||
"Latest Flagship Phone", "Premium Wireless Earbuds", "Exclusive Discount"]
|
||||
},
|
||||
{
|
||||
id: "offer-2",
|
||||
badge: "Home Upgrade",
|
||||
badgeIcon: Home,
|
||||
price: "Starting At",
|
||||
subtitle: "Appliance Duo Pack",
|
||||
buttons: [
|
||||
id: "offer-2", badge: "Home Upgrade", badgeIcon: Home,
|
||||
price: "Starting At", subtitle: "Appliance Duo Pack", buttons: [
|
||||
{
|
||||
text: "Explore Pack",
|
||||
href: "#",
|
||||
},
|
||||
text: "Explore Pack", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Smart Washing Machine",
|
||||
"Energy-Efficient AC Unit",
|
||||
"Free Installation",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-touching-speakers-side-view_23-2149625148.jpg",
|
||||
"Smart Washing Machine", "Energy-Efficient AC Unit", "Free Installation"]
|
||||
},
|
||||
{
|
||||
id: "offer-3",
|
||||
badge: "Gamer's Choice",
|
||||
badgeIcon: Headphones,
|
||||
price: "Save Big",
|
||||
subtitle: "Gaming Accessories Bundle",
|
||||
buttons: [
|
||||
id: "offer-3", badge: "Gamer's Choice", badgeIcon: Headphones,
|
||||
price: "Save Big", subtitle: "Gaming Accessories Bundle", buttons: [
|
||||
{
|
||||
text: "Grab Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Grab Now", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Gaming Headset",
|
||||
"Mechanical Keyboard",
|
||||
"Precision Gaming Mouse",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/upset-gamer-putting-head-hands-frustration-after-getting-game-message_482257-98325.jpg",
|
||||
"Gaming Headset", "Mechanical Keyboard", "Precision Gaming Mouse"]
|
||||
},
|
||||
]}
|
||||
title="Special Offers & Bundles"
|
||||
@@ -274,23 +177,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m-1",
|
||||
icon: Users,
|
||||
title: "Satisfied Customers",
|
||||
value: "50,000+",
|
||||
},
|
||||
id: "m-1", icon: Users,
|
||||
title: "Satisfied Customers", value: "50,000+"},
|
||||
{
|
||||
id: "m-2",
|
||||
icon: Box,
|
||||
title: "Products Available",
|
||||
value: "1,000+",
|
||||
},
|
||||
id: "m-2", icon: Box,
|
||||
title: "Products Available", value: "1,000+"},
|
||||
{
|
||||
id: "m-3",
|
||||
icon: Star,
|
||||
title: "Average Rating",
|
||||
value: "4.9 / 5",
|
||||
},
|
||||
id: "m-3", icon: Star,
|
||||
title: "Average Rating", value: "4.9 / 5"},
|
||||
]}
|
||||
title="Our Impact in Numbers"
|
||||
description="See how RM Digital Hub is making a difference for tech enthusiasts and households across the region."
|
||||
@@ -302,16 +196,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Apple",
|
||||
"Samsung",
|
||||
"Vivo",
|
||||
"Oppo",
|
||||
"OnePlus",
|
||||
"Poco",
|
||||
"Redmi",
|
||||
"Xiaomi",
|
||||
"Google Pixel",
|
||||
]}
|
||||
"Apple", "Samsung", "Vivo", "Oppo", "OnePlus", "Poco", "Redmi", "Xiaomi", "Google Pixel"]}
|
||||
title="Trusted by Leading Brands & Customers"
|
||||
description="We partner with the world's most reputable electronics manufacturers to bring you authentic products."
|
||||
/>
|
||||
@@ -325,25 +210,15 @@ export default function LandingPage() {
|
||||
author="Sarah Chen, Tech Enthusiast"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
|
||||
alt: "Sarah Chen",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg", alt: "Sarah Chen"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-portrait_1296-491.jpg",
|
||||
alt: "John Doe",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-portrait_1296-491.jpg", alt: "John Doe"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businesswoman-touching-her-face_1098-3321.jpg",
|
||||
alt: "Emily White",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businesswoman-touching-her-face_1098-3321.jpg", alt: "Emily White"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-girl-smiling-sitting-floor-white-wall_176420-8542.jpg",
|
||||
alt: "David Lee",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-girl-smiling-sitting-floor-white-wall_176420-8542.jpg", alt: "David Lee"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-call-center-manager-providing-guidance-intern-addressing-questions_482257-125804.jpg",
|
||||
alt: "Jessica Brown",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-call-center-manager-providing-guidance-intern-addressing-questions_482257-125804.jpg", alt: "Jessica Brown"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -356,30 +231,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "Are your products genuine?",
|
||||
content: "Yes, all products sold at RM Digital Hub are 100% genuine and sourced directly from authorized manufacturers and distributors.",
|
||||
},
|
||||
id: "faq-1", title: "Are your products genuine?", content: "Yes, all products sold at RM Digital Hub are 100% genuine and sourced directly from authorized manufacturers and distributors."},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "What is your warranty policy?",
|
||||
content: "We offer comprehensive warranty protection on all items. Specific warranty details can be found on each product page or by contacting our support team.",
|
||||
},
|
||||
id: "faq-2", title: "What is your warranty policy?", content: "We offer comprehensive warranty protection on all items. Specific warranty details can be found on each product page or by contacting our support team."},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "Do you offer installation services for appliances?",
|
||||
content: "Yes, for select home appliances like washing machines and ACs, we offer professional installation services. Please check product details or inquire with customer service.",
|
||||
},
|
||||
id: "faq-3", title: "Do you offer installation services for appliances?", content: "Yes, for select home appliances like washing machines and ACs, we offer professional installation services. Please check product details or inquire with customer service."},
|
||||
{
|
||||
id: "faq-4",
|
||||
title: "What payment methods do you accept?",
|
||||
content: "We accept major credit/debit cards, net banking, and various digital wallets for a seamless checkout experience.",
|
||||
},
|
||||
id: "faq-4", title: "What payment methods do you accept?", content: "We accept major credit/debit cards, net banking, and various digital wallets for a seamless checkout experience."},
|
||||
{
|
||||
id: "faq-5",
|
||||
title: "Can I return a product if I'm not satisfied?",
|
||||
content: "Our return policy allows returns within a specific period, provided the product is in its original condition. Refer to our Returns & Refunds page for full details.",
|
||||
},
|
||||
id: "faq-5", title: "Can I return a product if I'm not satisfied?", content: "Our return policy allows returns within a specific period, provided the product is in its original condition. Refer to our Returns & Refunds page for full details."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/linear-flat-people-faces-professions-illustration_1416-520.jpg"
|
||||
imageAlt="Customer support chat interface with question mark icon"
|
||||
@@ -398,28 +258,17 @@ export default function LandingPage() {
|
||||
description="Have questions or need assistance? Our dedicated support team is here to help with any inquiries you may have."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
{
|
||||
name: "subject",
|
||||
type: "text",
|
||||
placeholder: "Subject",
|
||||
required: true,
|
||||
name: "subject", type: "text", placeholder: "Subject", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your Message",
|
||||
rows: 5,
|
||||
name: "message", placeholder: "Your Message", rows: 5,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cheerful-mature-call-center-operator-looking-laptop-screen_74855-4013.jpg"
|
||||
@@ -434,74 +283,43 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "Mobile Phones",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Mobile Phones", href: "#products"},
|
||||
{
|
||||
label: "Washing Machines",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Washing Machines", href: "#products"},
|
||||
{
|
||||
label: "ACs & Coolers",
|
||||
href: "#products",
|
||||
},
|
||||
label: "ACs & Coolers", href: "#products"},
|
||||
{
|
||||
label: "Electronics",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Electronics", href: "#products"},
|
||||
{
|
||||
label: "Special Offers",
|
||||
href: "#offers",
|
||||
},
|
||||
label: "Special Offers", href: "#offers"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Why Choose Us",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Why Choose Us", href: "#features"},
|
||||
{
|
||||
label: "Our Brands",
|
||||
href: "#social-proof",
|
||||
},
|
||||
label: "Our Brands", href: "#social-proof"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Returns & Refunds",
|
||||
href: "#",
|
||||
},
|
||||
label: "Returns & Refunds", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user