From f859673d423ad0d369965bc39efa1b4458b348d1 Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 23 Jun 2026 02:56:45 +0000 Subject: [PATCH] Update src/pages/HomePage.tsx --- src/pages/HomePage.tsx | 207 +++++++++-------------------------------- 1 file changed, 44 insertions(+), 163 deletions(-) diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index 2548f07..f97f3a8 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -16,29 +16,17 @@ export default function HomePage() { @@ -51,22 +39,13 @@ export default function HomePage() { description="Abata focuses on delivering durable, stylish wallpapers that turn ordinary rooms into masterpieces. Our professional team ensures top-tier quality for every project." items={[ { - icon: CheckCircle, - title: "Premium Material", - description: "High-grade non-woven fabrics.", - }, + icon: "CheckCircle", title: "Premium Material", description: "High-grade non-woven fabrics."}, { - icon: Shield, - title: "Guaranteed Quality", - description: "Water-resistant and fade-proof finishes.", - }, + icon: "Shield", title: "Guaranteed Quality", description: "Water-resistant and fade-proof finishes."}, { - icon: Zap, - title: "Instant Transformation", - description: "Professional installation support.", - }, + icon: "Zap", title: "Instant Transformation", description: "Professional installation support."}, ]} - imageSrc="http://img.b2bpic.net/free-photo/neat-organised-workspace-with-laptop_23-2148592338.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/neat-organised-workspace-with-laptop_23-2148592338.jpg" /> @@ -78,41 +57,13 @@ export default function HomePage() { title="Explore Our Collections" description="Browse our curated selection of modern, classic, and artistic wall solutions for home and office." items={[ - { - title: "Modern Abstract", - description: "Contemporary patterns.", - imageSrc: "http://img.b2bpic.net/free-photo/marbled-tiled-background_53876-88859.jpg", - }, - { - title: "Classic Luxury", - description: "Elegant timeless gold details.", - imageSrc: "http://img.b2bpic.net/free-photo/vintage-room-interior-toned-image-studio-shooting_482257-34320.jpg", - }, - { - title: "Nature Inspired", - description: "Botanical prints for calming vibes.", - imageSrc: "http://img.b2bpic.net/free-photo/sofa-living-room-decorated-with-brazilian-folklore-design_23-2150793987.jpg", - }, - { - title: "Minimalist Texture", - description: "Subtle textures for depth.", - imageSrc: "http://img.b2bpic.net/free-photo/torn-gray-paper-with-copy-space_23-2148425966.jpg", - }, - { - title: "Office Professional", - description: "Sleek designs for workspaces.", - imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-office-holding-tablet_23-2152013704.jpg", - }, - { - title: "Kids Fun Art", - description: "Colorful patterns for nurseries.", - imageSrc: "http://img.b2bpic.net/free-photo/seamless-abstract-pattern-design_23-2151179119.jpg", - }, - { - title: "Custom Murals", - description: "Bespoke artistic wall solutions.", - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-plants-natural-environment_23-2151357858.jpg", - }, + { title: "Modern Abstract", description: "Contemporary patterns.", imageSrc: "http://img.b2bpic.net/free-photo/marbled-tiled-background_53876-88859.jpg" }, + { title: "Classic Luxury", description: "Elegant timeless gold details.", imageSrc: "http://img.b2bpic.net/free-photo/vintage-room-interior-toned-image-studio-shooting_482257-34320.jpg" }, + { title: "Nature Inspired", description: "Botanical prints for calming vibes.", imageSrc: "http://img.b2bpic.net/free-photo/sofa-living-room-decorated-with-brazilian-folklore-design_23-2150793987.jpg" }, + { title: "Minimalist Texture", description: "Subtle textures for depth.", imageSrc: "http://img.b2bpic.net/free-photo/torn-gray-paper-with-copy-space_23-2148425966.jpg" }, + { title: "Office Professional", description: "Sleek designs for workspaces.", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-office-holding-tablet_23-2152013704.jpg" }, + { title: "Kids Fun Art", description: "Colorful patterns for nurseries.", imageSrc: "http://img.b2bpic.net/free-photo/seamless-abstract-pattern-design_23-2151179119.jpg" }, + { title: "Custom Murals", description: "Bespoke artistic wall solutions.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-plants-natural-environment_23-2151357858.jpg" } ]} /> @@ -126,77 +77,35 @@ export default function HomePage() { description="We blend quality products with high-speed digital assistance." features={[ { - title: "Real-time Support", - description: "Our CS team is available to guide you via live chat anytime.", - bentoComponent: "chat-marquee", - aiIcon: MessageSquare, - userIcon: User, - placeholder: "Ask our CS...", - exchanges: [ + title: "Real-time Support", description: "Our CS team is available to guide you via live chat anytime.", bentoComponent: "chat-marquee", aiIcon: "MessageSquare", userIcon: "User", placeholder: "Ask our CS...", exchanges: [ { - userMessage: "How do I measure my wall?", - aiResponse: "Our wall expert guide is available in our FAQ section or chat with us!", - }, + userMessage: "How do I measure my wall?", aiResponse: "Our wall expert guide is available in our FAQ section or chat with us!"}, { - userMessage: "Do you offer samples?", - aiResponse: "Yes! Check our catalog for the free sample request button.", - }, + userMessage: "Do you offer samples?", aiResponse: "Yes! Check our catalog for the free sample request button."}, { - userMessage: "What's the best wallpaper for kitchens?", - aiResponse: "We recommend our water-resistant vinyl-coated series.", - }, + userMessage: "What's the best wallpaper for kitchens?", aiResponse: "We recommend our water-resistant vinyl-coated series."}, ], - imageSrc: "http://img.b2bpic.net/free-photo/stylish-modern-wardrobe-with-wood-elements-furniture-minimalist-interior_169016-72746.jpg", - imageAlt: "Stylish modern wardrobe with wood elements furniture for minimalist interior", }, { - title: "Track Records", - description: "Verified business performance metrics.", - bentoComponent: "info-card-marquee", - infoCards: [ + title: "Track Records", description: "Verified business performance metrics.", bentoComponent: "info-card-marquee", infoCards: [ { - icon: TrendingUp, - label: "Sales Growth", - value: "24%", - }, + icon: "TrendingUp", label: "Sales Growth", value: "24%"}, { - icon: Smile, - label: "Satisfaction", - value: "99%", - }, + icon: "Smile", label: "Satisfaction", value: "99%"}, { - icon: Clock, - label: "Response Time", - value: "<30s", - }, + icon: "Clock", label: "Response Time", value: "<30s"}, ], - imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-with-island-armchair-stylish-open-space-home-design_169016-72732.jpg?_wi=2", - imageAlt: "Stylish modern wardrobe with wood elements furniture for minimalist interior", }, { - title: "Smooth Flow", - description: "Quick setup checklist.", - bentoComponent: "checklist-timeline", - heading: "Process", - subheading: "Get your wall ready", - checklistItems: [ + title: "Smooth Flow", description: "Quick setup checklist.", bentoComponent: "checklist-timeline", heading: "Process", subheading: "Get your wall ready", checklistItems: [ { - label: "Selection", - detail: "Pick your favorite design", - }, + label: "Selection", detail: "Pick your favorite design"}, { - label: "Consultation", - detail: "Chat with our support expert", - }, + label: "Consultation", detail: "Chat with our support expert"}, { - label: "Delivery", - detail: "Fast shipping to your door", - }, + label: "Delivery", detail: "Fast shipping to your door"}, ], - completedLabel: "Completed", - imageSrc: "http://img.b2bpic.net/free-photo/neat-organised-workspace-with-laptop_23-2148592338.jpg?_wi=2", - imageAlt: "Stylish modern wardrobe with wood elements furniture for minimalist interior", - }, + completedLabel: "Completed"}, ]} /> @@ -210,21 +119,13 @@ export default function HomePage() { description="Our commitment to quality service reflected in our reach and results." metrics={[ { - value: "50k+", - description: "Square meters installed", - }, + value: "50k+", description: "Square meters installed"}, { - value: "15k+", - description: "Happy households", - }, + value: "15k+", description: "Happy households"}, { - value: "24/7", - description: "CS availability", - }, + value: "24/7", description: "CS availability"}, { - value: "500+", - description: "Design variations", - }, + value: "500+", description: "Design variations"}, ]} /> @@ -238,25 +139,15 @@ export default function HomePage() { author="Budi Santoso, Interior Enthusiast" avatars={[ { - name: "Alice", - imageSrc: "http://img.b2bpic.net/free-photo/artists-people-collection-collage_23-2148884881.jpg", - }, + name: "Alice", imageSrc: "http://img.b2bpic.net/free-photo/artists-people-collection-collage_23-2148884881.jpg"}, { - name: "Bob", - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453342.jpg", - }, + name: "Bob", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453342.jpg"}, { - name: "Charlie", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-unshaven-handsome-young-hipster-guy-looks-with-dark-shining-eyes-pleased-smile_273609-8596.jpg", - }, + name: "Charlie", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-unshaven-handsome-young-hipster-guy-looks-with-dark-shining-eyes-pleased-smile_273609-8596.jpg"}, { - name: "David", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-red-haired-man_158595-3776.jpg", - }, + name: "David", imageSrc: "http://img.b2bpic.net/free-photo/portrait-red-haired-man_158595-3776.jpg"}, { - name: "Eve", - imageSrc: "http://img.b2bpic.net/free-photo/3d-portrait-woman_23-2150793881.jpg", - }, + name: "Eve", imageSrc: "http://img.b2bpic.net/free-photo/3d-portrait-woman_23-2150793881.jpg"}, ]} /> @@ -270,17 +161,11 @@ export default function HomePage() { description="Answers to common concerns about our products and services." items={[ { - question: "How to contact customer service?", - answer: "Use the floating chat icon on the bottom-right corner of any page for real-time support.", - }, + question: "How to contact customer service?", answer: "Use the floating chat icon on the bottom-right corner of any page for real-time support."}, { - question: "Do you provide installation services?", - answer: "Yes, we partner with professional installers in most major cities.", - }, + question: "Do you provide installation services?", answer: "Yes, we partner with professional installers in most major cities."}, { - question: "Can I request custom designs?", - answer: "Absolutely! Reach out via live chat to discuss your specific mural project.", - }, + question: "Can I request custom designs?", answer: "Absolutely! Reach out via live chat to discuss your specific mural project."}, ]} /> @@ -292,16 +177,12 @@ export default function HomePage() { tag="Let's Chat" text="Ready to transform your home? Our experts are here to help." primaryButton={{ - text: "Open Chat", - href: "#", - }} + text: "Open Chat", href: "#"}} secondaryButton={{ - text: "Email Us", - href: "mailto:hello@abata.com", - }} + text: "Email Us", href: "mailto:hello@abata.com"}} /> ); -} +} \ No newline at end of file -- 2.49.1