Merge version_1 into main #2
352
src/app/page.tsx
352
src/app/page.tsx
@@ -32,66 +32,29 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Services", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Phoenix Tronics"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Phoenix Tronics – Your One-Stop Electronics Hub"
|
||||
description="Professional electronics retail and premium repair services. From the latest smartphones to complex device restoration, we bring your tech back to life."
|
||||
tag="Expert Electronics Solutions"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Book a Repair",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Shop Now", href: "#products" },
|
||||
{ text: "Book a Repair", href: "#contact" }
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/globe-internet-icon-line-connection-circuit-board_1379-893.jpg?_wi=1",
|
||||
imageAlt: "electronics retail background high tech",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-bokeh-defocused-shopping-mall-interior-department-store_1203-9450.jpg",
|
||||
imageAlt: "electronics retail background high tech",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/google-drive-icon-line-connection-circuit-board_1379-902.jpg",
|
||||
imageAlt: "Google Drive Icon Line Connection of Circuit Board",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/printed-circuit-as-background_1398-427.jpg",
|
||||
imageAlt: "printed circuit as background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chip-circuit-board-abstract-technology-background_1387-1013.jpg",
|
||||
imageAlt: "chip on circuit board on abstract technology background",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/globe-internet-icon-line-connection-circuit-board_1379-893.jpg", imageAlt: "electronics retail background high tech" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-bokeh-defocused-shopping-mall-interior-department-store_1203-9450.jpg", imageAlt: "electronics retail background high tech" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -106,55 +69,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Certified Repairs",
|
||||
description: "Expert technicians handling smartphones, laptops, and tablets with manufacturer-grade parts.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-prepares-disassemble-phone-home-with-his-personal-portable-tool-kit-table-space-your-text-right-side_346278-1185.jpg",
|
||||
imageAlt: "electronics repair workshop tools",
|
||||
},
|
||||
title: "Certified Repairs", description: "Expert technicians handling smartphones, laptops, and tablets with manufacturer-grade parts.", media: { imageSrc: "http://img.b2bpic.net/free-photo/man-prepares-disassemble-phone-home-with-his-personal-portable-tool-kit-table-space-your-text-right-side_346278-1185.jpg", imageAlt: "electronics repair workshop tools" },
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Genuine parts used",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "12-month warranty",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Same-day service",
|
||||
},
|
||||
{ icon: CheckCircle, text: "Genuine parts used" },
|
||||
{ icon: Shield, text: "12-month warranty" },
|
||||
{ icon: Zap, text: "Same-day service" }
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/globe-internet-icon-line-connection-circuit-board_1379-893.jpg?_wi=2",
|
||||
imageAlt: "electronics repair workshop tools",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Retail Excellence",
|
||||
description: "Latest gadgets at competitive prices, backed by local support.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-scanning-qr-code-shopping-mall_329181-8875.jpg",
|
||||
imageAlt: "smartphone white background studio",
|
||||
},
|
||||
title: "Retail Excellence", description: "Latest gadgets at competitive prices, backed by local support.", media: { imageSrc: "http://img.b2bpic.net/free-photo/woman-scanning-qr-code-shopping-mall_329181-8875.jpg", imageAlt: "smartphone white background studio" },
|
||||
items: [
|
||||
{
|
||||
icon: Star,
|
||||
text: "Authorized dealers",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Extended protection",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Secure shopping",
|
||||
},
|
||||
{ icon: Star, text: "Authorized dealers" },
|
||||
{ icon: CheckCircle, text: "Extended protection" },
|
||||
{ icon: Shield, text: "Secure shopping" }
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-laptop-keyboard-colorful-neon-illumination-backlit-keyboard_169016-29233.jpg?_wi=1",
|
||||
imageAlt: "electronics repair workshop tools",
|
||||
},
|
||||
reverse: true
|
||||
}
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="We combine premium retail with expert repair techniques to keep you connected."
|
||||
@@ -168,42 +99,9 @@ export default function LandingPage() {
|
||||
gridVariant="one-large-right-three-stacked-left"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Modern Smartphone X",
|
||||
price: "$899",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-4945.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ultrabook Pro 15",
|
||||
price: "$1,499",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-laptop-keyboard-colorful-neon-illumination-backlit-keyboard_169016-29233.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Noise Cancelling Headphones",
|
||||
price: "$299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-close-up-portrait-smiling-redhead-girl-listening-music-with-headphones_171337-4380.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Tablet Air 11",
|
||||
price: "$599",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-blank-screen-white-background_9975-133761.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Gaming Desktop Ultra",
|
||||
price: "$2,299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-device-table_23-2150994381.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Smart Watch Series 7",
|
||||
price: "$399",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-listening-music-while-training_197531-13113.jpg",
|
||||
},
|
||||
{ id: "1", name: "Modern Smartphone X", price: "$899", imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-4945.jpg" },
|
||||
{ id: "2", name: "Ultrabook Pro 15", price: "$1,499", imageSrc: "http://img.b2bpic.net/free-photo/close-up-laptop-keyboard-colorful-neon-illumination-backlit-keyboard_169016-29233.jpg" },
|
||||
{ id: "3", name: "Noise Cancelling Headphones", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/side-view-close-up-portrait-smiling-redhead-girl-listening-music-with-headphones_171337-4380.jpg" }
|
||||
]}
|
||||
title="Featured Products"
|
||||
description="Explore our curated selection of high-performance electronics."
|
||||
@@ -216,54 +114,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
price: "$79",
|
||||
name: "Screen Repair",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Original Display",
|
||||
"Fast turnaround",
|
||||
"1 Year Warranty",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
price: "$129",
|
||||
name: "Battery Replacement",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Original Capacity",
|
||||
"Full diagnostics",
|
||||
"Safe installation",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "expert",
|
||||
price: "$199",
|
||||
name: "Component Repair",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Motherboard Logic",
|
||||
"Micro-soldering",
|
||||
"Deep cleaning",
|
||||
],
|
||||
},
|
||||
{ id: "basic", price: "$79", name: "Screen Repair", buttons: [{ text: "Book Appointment", href: "#contact" }], features: ["Original Display", "Fast turnaround", "1 Year Warranty"] },
|
||||
{ id: "pro", price: "$129", name: "Battery Replacement", buttons: [{ text: "Book Appointment", href: "#contact" }], features: ["Original Capacity", "Full diagnostics", "Safe installation"] },
|
||||
{ id: "expert", price: "$199", name: "Component Repair", buttons: [{ text: "Book Appointment", href: "#contact" }], features: ["Motherboard Logic", "Micro-soldering", "Deep cleaning"] }
|
||||
]}
|
||||
title="Repair Packages"
|
||||
description="Standardized pricing for common repair services."
|
||||
@@ -276,60 +129,14 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice Johnson",
|
||||
role: "Designer",
|
||||
company: "Creative Co",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-headphones-shopping-mall_23-2148397213.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob Smith",
|
||||
role: "Developer",
|
||||
company: "Dev Solutions",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-monitors-financial-indicators-online_1163-5479.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Charlie Day",
|
||||
role: "Manager",
|
||||
company: "Biz Growth",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-women-taking-selfie-while-holding-lots-shopping-bags_23-2148673208.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Dana White",
|
||||
role: "Engineer",
|
||||
company: "Future Tech",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-sitting-kitchen-floor-with-digital-tablet-browsing-news-feed_1258-201260.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Evan Wright",
|
||||
role: "Student",
|
||||
company: "Uni Tech",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-holding-smartphone-clenching-fist-happy-exited_141793-28672.jpg",
|
||||
},
|
||||
{ id: "1", name: "Alice Johnson", role: "Designer", company: "Creative Co", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-headphones-shopping-mall_23-2148397213.jpg" },
|
||||
{ id: "2", name: "Bob Smith", role: "Developer", company: "Dev Solutions", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businessman-monitors-financial-indicators-online_1163-5479.jpg" },
|
||||
{ id: "3", name: "Charlie Day", role: "Manager", company: "Biz Growth", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-women-taking-selfie-while-holding-lots-shopping-bags_23-2148673208.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Devices Repaired",
|
||||
},
|
||||
{
|
||||
value: "5k+",
|
||||
label: "Units Sold",
|
||||
},
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Rating",
|
||||
},
|
||||
{ value: "10k+", label: "Devices Repaired" },
|
||||
{ value: "5k+", label: "Units Sold" },
|
||||
{ value: "4.9", label: "Rating" }
|
||||
]}
|
||||
title="Customer Reviews"
|
||||
description="See why locals trust us with their tech."
|
||||
@@ -341,22 +148,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Meet Our Experts"
|
||||
tag="Our Team"
|
||||
membersAnimation="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-male-technician-working-computer-motherboard_23-2147922367.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "David Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-tablet-user-glasses-happy-about-high-speed-connection_74855-2969.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mark Johnson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-male-technician-working-broken-computer_23-2147922251.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-male-technician-working-computer-motherboard_23-2147922367.jpg" },
|
||||
{ id: "2", name: "David Chen", imageSrc: "http://img.b2bpic.net/free-photo/joyful-tablet-user-glasses-happy-about-high-speed-connection_74855-2969.jpg" },
|
||||
{ id: "3", name: "Mark Johnson", imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-male-technician-working-broken-computer_23-2147922251.jpg" }
|
||||
]}
|
||||
memberVariant="card"
|
||||
/>
|
||||
@@ -367,21 +163,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How long does a repair take?",
|
||||
content: "Most screen repairs are completed within 2 hours.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you use original parts?",
|
||||
content: "We exclusively use high-quality OEM or certified parts.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is there a warranty?",
|
||||
content: "Yes, all repairs include a 12-month parts and labor warranty.",
|
||||
},
|
||||
{ id: "1", title: "How long does a repair take?", content: "Most screen repairs are completed within 2 hours." },
|
||||
{ id: "2", title: "Do you use original parts?", content: "We exclusively use high-quality OEM or certified parts." },
|
||||
{ id: "3", title: "Is there a warranty?", content: "Yes, all repairs include a 12-month parts and labor warranty." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portable-tool-kit-hoder-with-special-tools-electronic-repairment_346278-1183.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
@@ -393,19 +177,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
text="Ready to get started? Visit our store at 123 Tech Avenue or book your repair online today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call 555-0123",
|
||||
href: "tel:5550123",
|
||||
},
|
||||
{
|
||||
text: "Email Support",
|
||||
href: "mailto:info@phoenixtronics.com",
|
||||
},
|
||||
{ text: "Call 555-0123", href: "tel:5550123" },
|
||||
{ text: "Email Support", href: "mailto:info@phoenixtronics.com" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -413,45 +189,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
logoText="Phoenix Tronics"
|
||||
copyrightText="© 2025 Phoenix Tronics. All rights reserved."
|
||||
|
||||
Reference in New Issue
Block a user