464 lines
14 KiB
TypeScript
464 lines
14 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactText from '@/components/sections/contact/ContactText';
|
||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||
import TeamCardTen from '@/components/sections/team/TeamCardTen';
|
||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||
import { CheckCircle, Shield, Star, Zap } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="elastic-effect"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="rounded"
|
||
contentWidth="medium"
|
||
sizing="largeSizeMediumTitles"
|
||
background="blurBottom"
|
||
cardStyle="subtle-shadow"
|
||
primaryButtonStyle="flat"
|
||
secondaryButtonStyle="radial-glow"
|
||
headingFontWeight="extrabold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingInline
|
||
navItems={[
|
||
{
|
||
name: "Home",
|
||
id: "hero",
|
||
},
|
||
{
|
||
name: "Products",
|
||
id: "products",
|
||
},
|
||
{
|
||
name: "Services",
|
||
id: "pricing",
|
||
},
|
||
{
|
||
name: "Contact",
|
||
id: "contact",
|
||
},
|
||
]}
|
||
brandName="Phoenix Tronics"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplitDualMedia
|
||
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",
|
||
},
|
||
]}
|
||
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",
|
||
},
|
||
]}
|
||
mediaAnimation="slide-up"
|
||
rating={5}
|
||
ratingText="Trusted by 10,000+ happy customers"
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardTen
|
||
animationType="slide-up"
|
||
textboxLayout="split"
|
||
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",
|
||
},
|
||
items: [
|
||
{
|
||
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",
|
||
},
|
||
{
|
||
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",
|
||
},
|
||
],
|
||
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",
|
||
},
|
||
]}
|
||
title="Why Choose Us"
|
||
description="We combine premium retail with expert repair techniques to keep you connected."
|
||
/>
|
||
</div>
|
||
|
||
<div id="products" data-section="products">
|
||
<ProductCardOne
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
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",
|
||
},
|
||
]}
|
||
title="Featured Products"
|
||
description="Explore our curated selection of high-performance electronics."
|
||
/>
|
||
</div>
|
||
|
||
<div id="pricing" data-section="pricing">
|
||
<PricingCardThree
|
||
animationType="slide-up"
|
||
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",
|
||
],
|
||
},
|
||
]}
|
||
title="Repair Packages"
|
||
description="Standardized pricing for common repair services."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardSixteen
|
||
animationType="slide-up"
|
||
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",
|
||
},
|
||
]}
|
||
kpiItems={[
|
||
{
|
||
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."
|
||
/>
|
||
</div>
|
||
|
||
<div id="team" data-section="team">
|
||
<TeamCardTen
|
||
useInvertedBackground={true}
|
||
title="Meet Our Experts"
|
||
tag="Our Team"
|
||
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",
|
||
},
|
||
]}
|
||
memberVariant="card"
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqSplitMedia
|
||
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.",
|
||
},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/portable-tool-kit-hoder-with-special-tools-electronic-repairment_346278-1183.jpg"
|
||
title="Frequently Asked Questions"
|
||
description="Everything you need to know about our services."
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactText
|
||
useInvertedBackground={true}
|
||
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",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<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: "#",
|
||
},
|
||
],
|
||
},
|
||
]}
|
||
logoText="Phoenix Tronics"
|
||
copyrightText="© 2025 Phoenix Tronics. All rights reserved."
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|