Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 37ccf91b91 | |||
| 6c66e4ae31 | |||
| 633894a2b2 | |||
| 67b26dc0f5 | |||
| fe60064ad0 | |||
| 9200c427d6 |
368
src/app/page.tsx
368
src/app/page.tsx
@@ -9,7 +9,6 @@ import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
@@ -33,29 +32,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Products", id: "/#products"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "/#features"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "/services"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About Us", id: "/#about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "/#contact"},
|
||||
]}
|
||||
brandName="ElectroShop"
|
||||
/>
|
||||
@@ -67,39 +54,23 @@ export default function LandingPage() {
|
||||
description="Your One-Stop Shop for Quality Electrical Components. From Bulbs to Sockets, We Power Your Needs."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "/#products"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "/#about"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-home-tablet-wall_23-2149036895.jpg",
|
||||
imageAlt: "Assortment of electronic components",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-home-tablet-wall_23-2149036895.jpg", imageAlt: "Assortment of electronic components"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-retro-light-bulb_122409-26.jpg",
|
||||
imageAlt: "Glowing LED light bulbs",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-retro-light-bulb_122409-26.jpg", imageAlt: "Glowing LED light bulbs"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/four-light-switches-macro-with-bokeh-background-minimal-design_169016-69384.jpg",
|
||||
imageAlt: "Variety of electrical sockets",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/four-light-switches-macro-with-bokeh-background-minimal-design_169016-69384.jpg", imageAlt: "Variety of electrical sockets"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electric-cables-closeup_93675-128560.jpg",
|
||||
imageAlt: "Rolls of colorful electrical wires",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electric-cables-closeup_93675-128560.jpg", imageAlt: "Rolls of colorful electrical wires"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/miniature-workers-working-chip-motherboard_1252-836.jpg",
|
||||
imageAlt: "Electronic DIY kit and tools",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/miniature-workers-working-chip-motherboard_1252-836.jpg", imageAlt: "Electronic DIY kit and tools"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/circuit-board-close-up-with-different-components_23-2149174325.jpg",
|
||||
imageAlt: "Close-up of a circuit board",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/circuit-board-close-up-with-different-components_23-2149174325.jpg", imageAlt: "Close-up of a circuit board"},
|
||||
]}
|
||||
autoplayDelay={4000}
|
||||
showDimOverlay={true}
|
||||
@@ -124,34 +95,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "quality",
|
||||
label: "Quality",
|
||||
title: "Uncompromised Quality Assurance",
|
||||
items: [
|
||||
"Rigorous testing standards",
|
||||
"Durable and long-lasting products",
|
||||
"Certified and compliant components",
|
||||
],
|
||||
id: "quality", label: "Quality", title: "Uncompromised Quality Assurance", items: [
|
||||
"Rigorous testing standards", "Durable and long-lasting products", "Certified and compliant components"],
|
||||
},
|
||||
{
|
||||
id: "selection",
|
||||
label: "Selection",
|
||||
title: "Vast Product Inventory",
|
||||
items: [
|
||||
"Wide range of bulbs, sockets, wires",
|
||||
"Latest smart home devices",
|
||||
"Specialized industrial components",
|
||||
],
|
||||
id: "selection", label: "Selection", title: "Vast Product Inventory", items: [
|
||||
"Wide range of bulbs, sockets, wires", "Latest smart home devices", "Specialized industrial components"],
|
||||
},
|
||||
{
|
||||
id: "support",
|
||||
label: "Support",
|
||||
title: "Expert Customer Support",
|
||||
items: [
|
||||
"Knowledgeable staff assistance",
|
||||
"Detailed product guides",
|
||||
"Hassle-free returns and exchanges",
|
||||
],
|
||||
id: "support", label: "Support", title: "Expert Customer Support", items: [
|
||||
"Knowledgeable staff assistance", "Detailed product guides", "Hassle-free returns and exchanges"],
|
||||
},
|
||||
]}
|
||||
title="Why Choose ElectroShop?"
|
||||
@@ -167,65 +120,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Luminaire",
|
||||
name: "EcoBright LED Bulb E27",
|
||||
price: "$7.99",
|
||||
rating: 5,
|
||||
reviewCount: "120 reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collection-colorful-light-bulbs_53876-42522.jpg",
|
||||
imageAlt: "EcoBright LED Bulb E27",
|
||||
},
|
||||
id: "p1", brand: "Luminaire", name: "EcoBright LED Bulb E27", price: "$7.99", rating: 5,
|
||||
reviewCount: "120 reviews", imageSrc: "http://img.b2bpic.net/free-photo/collection-colorful-light-bulbs_53876-42522.jpg", imageAlt: "EcoBright LED Bulb E27"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "PowerSafe",
|
||||
name: "Dual USB Wall Socket",
|
||||
price: "$12.50",
|
||||
rating: 4,
|
||||
reviewCount: "85 reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/universal-power-outlets-modern-interior-marble-wall-design_169016-69298.jpg",
|
||||
imageAlt: "Dual USB Wall Socket",
|
||||
},
|
||||
id: "p2", brand: "PowerSafe", name: "Dual USB Wall Socket", price: "$12.50", rating: 4,
|
||||
reviewCount: "85 reviews", imageSrc: "http://img.b2bpic.net/free-photo/universal-power-outlets-modern-interior-marble-wall-design_169016-69298.jpg", imageAlt: "Dual USB Wall Socket"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "WireFlow",
|
||||
name: "Heavy Duty Extension Cord 10ft",
|
||||
price: "$18.00",
|
||||
rating: 5,
|
||||
reviewCount: "150 reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/invalid-architect-using-touch-screen-building-layout-engineering-office-woman-engineer-sitting-wheelchair-working-blueprint-plan-with-technology-construction-project_482257-34111.jpg",
|
||||
imageAlt: "Heavy Duty Extension Cord",
|
||||
},
|
||||
id: "p3", brand: "WireFlow", name: "Heavy Duty Extension Cord 10ft", price: "$18.00", rating: 5,
|
||||
reviewCount: "150 reviews", imageSrc: "http://img.b2bpic.net/free-photo/invalid-architect-using-touch-screen-building-layout-engineering-office-woman-engineer-sitting-wheelchair-working-blueprint-plan-with-technology-construction-project_482257-34111.jpg", imageAlt: "Heavy Duty Extension Cord"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "LightCraft",
|
||||
name: "Rotary Dimmer Switch",
|
||||
price: "$9.95",
|
||||
rating: 4,
|
||||
reviewCount: "60 reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-home-screen-panel-monitor-wall_53876-96310.jpg",
|
||||
imageAlt: "Rotary Dimmer Switch",
|
||||
},
|
||||
id: "p4", brand: "LightCraft", name: "Rotary Dimmer Switch", price: "$9.95", rating: 4,
|
||||
reviewCount: "60 reviews", imageSrc: "http://img.b2bpic.net/free-photo/smart-home-screen-panel-monitor-wall_53876-96310.jpg", imageAlt: "Rotary Dimmer Switch"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "ChargeX",
|
||||
name: "Quad-Port USB Wall Charger",
|
||||
price: "$24.99",
|
||||
rating: 5,
|
||||
reviewCount: "90 reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-cell-phone-connected-usb-cable-type-c-charging_58702-4564.jpg",
|
||||
imageAlt: "Quad-Port USB Wall Charger",
|
||||
},
|
||||
id: "p5", brand: "ChargeX", name: "Quad-Port USB Wall Charger", price: "$24.99", rating: 5,
|
||||
reviewCount: "90 reviews", imageSrc: "http://img.b2bpic.net/free-photo/blue-cell-phone-connected-usb-cable-type-c-charging_58702-4564.jpg", imageAlt: "Quad-Port USB Wall Charger"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "SmartLink",
|
||||
name: "WiFi Smart Plug with Energy Monitor",
|
||||
price: "$29.00",
|
||||
rating: 4,
|
||||
reviewCount: "110 reviews",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-home-tablet-wall_23-2149036909.jpg",
|
||||
imageAlt: "WiFi Smart Plug",
|
||||
},
|
||||
id: "p6", brand: "SmartLink", name: "WiFi Smart Plug with Energy Monitor", price: "$29.00", rating: 4,
|
||||
reviewCount: "110 reviews", imageSrc: "http://img.b2bpic.net/free-photo/smart-home-tablet-wall_23-2149036909.jpg", imageAlt: "WiFi Smart Plug"},
|
||||
]}
|
||||
title="Our Featured Products"
|
||||
description="Explore our wide selection of essential electronic components, from lighting to power solutions. We've got everything you need to power your home and projects efficiently and safely. Each product comes with detailed specifications and quality assurance."
|
||||
@@ -233,72 +144,7 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<PricingCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic-install",
|
||||
title: "Basic Installation",
|
||||
price: "$99",
|
||||
period: "one-time",
|
||||
features: [
|
||||
"Standard light fixture installation",
|
||||
"Single socket replacement",
|
||||
"Basic wiring check-up",
|
||||
"30-day service warranty",
|
||||
],
|
||||
button: {
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/patch-cord-crimp-glasses-notepad_140725-8748.jpg",
|
||||
imageAlt: "Electrician working with tools",
|
||||
},
|
||||
{
|
||||
id: "pro-support",
|
||||
title: "Premium Support Package",
|
||||
price: "$49",
|
||||
period: "monthly",
|
||||
features: [
|
||||
"24/7 priority technical support",
|
||||
"Remote troubleshooting assistance",
|
||||
"Smart device setup guidance",
|
||||
"Exclusive product discounts",
|
||||
],
|
||||
button: {
|
||||
text: "Subscribe Now",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-working-late-his-office_329181-17578.jpg",
|
||||
imageAlt: "Customer support agent",
|
||||
},
|
||||
{
|
||||
id: "business-solutions",
|
||||
title: "Commercial Solutions",
|
||||
price: "Custom Quote",
|
||||
period: "project-based",
|
||||
features: [
|
||||
"Bulk order pricing",
|
||||
"On-site project consultation",
|
||||
"Custom electrical system design",
|
||||
"Dedicated account manager",
|
||||
],
|
||||
button: {
|
||||
text: "Request Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105473.jpg",
|
||||
imageAlt: "Business partners shaking hands",
|
||||
},
|
||||
]}
|
||||
title="Expert Services & Support Plans"
|
||||
description="Beyond quality products, ElectroShop offers tailored services and support plans to ensure your electrical needs are met with professionalism and care. Choose a plan that fits your project or business."
|
||||
tag="Services"
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
@@ -308,59 +154,23 @@ export default function LandingPage() {
|
||||
carouselMode="buttons"
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
handle: "@TechSavvyHome",
|
||||
testimonial: "ElectroShop transformed my home lighting! The smart bulbs are fantastic and installation was a breeze with their clear guides. Highly recommend!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-girls-checking-mobile-phone_23-2148624870.jpg",
|
||||
imageAlt: "Sarah J.",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", handle: "@TechSavvyHome", testimonial: "ElectroShop transformed my home lighting! The smart bulbs are fantastic and installation was a breeze with their clear guides. Highly recommend!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-girls-checking-mobile-phone_23-2148624870.jpg", imageAlt: "Sarah J."},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark D.",
|
||||
handle: "@ProElectrician",
|
||||
testimonial: "As an electrician, I rely on quality parts. ElectroShop delivers every time with durable sockets and reliable wiring. My go-to supplier!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-dark-gray-t-shirt-looks-cooler-he-took-out-computer-his-tools-front-him-table_346278-1221.jpg",
|
||||
imageAlt: "Mark D.",
|
||||
},
|
||||
id: "t2", name: "Mark D.", handle: "@ProElectrician", testimonial: "As an electrician, I rely on quality parts. ElectroShop delivers every time with durable sockets and reliable wiring. My go-to supplier!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-dark-gray-t-shirt-looks-cooler-he-took-out-computer-his-tools-front-him-table_346278-1221.jpg", imageAlt: "Mark D."},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
handle: "@BizSolutions",
|
||||
testimonial: "Their commercial solutions team helped us equip our new office. Fantastic service and competitive bulk pricing. A true partner!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-business-people-talking-about-new-project_23-2148778077.jpg",
|
||||
imageAlt: "Emily R.",
|
||||
},
|
||||
id: "t3", name: "Emily R.", handle: "@BizSolutions", testimonial: "Their commercial solutions team helped us equip our new office. Fantastic service and competitive bulk pricing. A true partner!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-business-people-talking-about-new-project_23-2148778077.jpg", imageAlt: "Emily R."},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
handle: "@DIYProjects",
|
||||
testimonial: "Found exactly the obscure bulb socket I needed for my vintage lamp project. ElectroShop's selection is unmatched. Great find!",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-holding-bank-card-white-background_140725-103386.jpg",
|
||||
imageAlt: "David K.",
|
||||
},
|
||||
id: "t4", name: "David K.", handle: "@DIYProjects", testimonial: "Found exactly the obscure bulb socket I needed for my vintage lamp project. ElectroShop's selection is unmatched. Great find!", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-holding-bank-card-white-background_140725-103386.jpg", imageAlt: "David K."},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Anna L.",
|
||||
handle: "@HomeInnovator",
|
||||
testimonial: "The customer support helped me choose the perfect smart plugs for my setup. Friendly and incredibly knowledgeable!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/feedback-comment-survey-support-response-bar-word_53876-124683.jpg",
|
||||
imageAlt: "Anna L.",
|
||||
},
|
||||
id: "t5", name: "Anna L.", handle: "@HomeInnovator", testimonial: "The customer support helped me choose the perfect smart plugs for my setup. Friendly and incredibly knowledgeable!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/feedback-comment-survey-support-response-bar-word_53876-124683.jpg", imageAlt: "Anna L."},
|
||||
{
|
||||
id: "t6",
|
||||
name: "James & Lisa",
|
||||
handle: "@ConnectedCouple",
|
||||
testimonial: "We upgraded all our home's switches and sockets with ElectroShop. Everything arrived quickly and was easy to install. Very impressed!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-couch-using-tablet_23-2148793536.jpg",
|
||||
imageAlt: "James & Lisa",
|
||||
},
|
||||
id: "t6", name: "James & Lisa", handle: "@ConnectedCouple", testimonial: "We upgraded all our home's switches and sockets with ElectroShop. Everything arrived quickly and was easy to install. Very impressed!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-couch-using-tablet_23-2148793536.jpg", imageAlt: "James & Lisa"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Customers Say"
|
||||
@@ -374,14 +184,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Phillips",
|
||||
"Schneider Electric",
|
||||
"Legrand",
|
||||
"Osram",
|
||||
"Siemens",
|
||||
"ABB",
|
||||
"Eaton",
|
||||
]}
|
||||
"Phillips", "Schneider Electric", "Legrand", "Osram", "Siemens", "ABB", "Eaton"]}
|
||||
title="Our Trusted Partners & Brands"
|
||||
description="We are proud to partner with industry-leading brands to bring you the best in electronic components and ensure top-tier quality across our entire product range. Our collaborations guarantee reliability and innovation."
|
||||
/>
|
||||
@@ -393,25 +196,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "What is your return policy?",
|
||||
content: "We offer a 30-day return policy for all unused products in their original packaging. Please visit our 'Returns' page for detailed instructions and eligibility.",
|
||||
},
|
||||
id: "faq1", title: "What is your return policy?", content: "We offer a 30-day return policy for all unused products in their original packaging. Please visit our 'Returns' page for detailed instructions and eligibility."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Do you offer installation services?",
|
||||
content: "Yes, we provide professional installation services for a range of products, including lighting fixtures and smart home devices. Check our 'Services' section for more details and pricing.",
|
||||
},
|
||||
id: "faq2", title: "Do you offer installation services?", content: "Yes, we provide professional installation services for a range of products, including lighting fixtures and smart home devices. Check our 'Services' page for more details and pricing."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "How can I track my order?",
|
||||
content: "Once your order is shipped, you will receive an email with a tracking number and a link to the carrier's website. You can also track your order directly from your account dashboard.",
|
||||
},
|
||||
id: "faq3", title: "How can I track my order?", content: "Once your order is shipped, you will receive an email with a tracking number and a link to the carrier's website. You can also track your order directly from your account dashboard."},
|
||||
{
|
||||
id: "faq4",
|
||||
title: "Are your products energy efficient?",
|
||||
content: "Many of our products, especially our LED bulbs and smart devices, are designed for high energy efficiency. Look for the energy-star ratings and descriptions on individual product pages.",
|
||||
},
|
||||
id: "faq4", title: "Are your products energy efficient?", content: "Many of our products, especially our LED bulbs and smart devices, are designed for high energy efficiency. Look for the energy-star ratings and descriptions on individual product pages."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/call-center-employee-handling-customer-complaints-offering-helpful-solutions_482257-126776.jpg"
|
||||
imageAlt="Customer support agent answering questions"
|
||||
@@ -427,20 +218,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Get in Touch"
|
||||
title="Have a Question or Need Assistance?"
|
||||
description="Our dedicated team is here to help you find the perfect electronic components or assist with any inquiries. Reach out to us for expert advice and support."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "mailto:support@electroshop.com",
|
||||
},
|
||||
text: "Contact Support", href: "mailto:support@electroshop.com"},
|
||||
{
|
||||
text: "Call Us",
|
||||
href: "tel:+1234567890",
|
||||
},
|
||||
text: "Call Us", href: "tel:+1234567890"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -451,61 +237,37 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shop", href: "/#products"},
|
||||
{
|
||||
label: "Bulbs",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Bulbs", href: "/#products"},
|
||||
{
|
||||
label: "Sockets",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Sockets", href: "/#products"},
|
||||
{
|
||||
label: "Wiring",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Wiring", href: "/#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Company",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Company", href: "/#about"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "/#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "/services"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "/#testimonials"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Support",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Support", href: "/#contact"},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQs", href: "/#faq"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "/#contact"},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
label: "Returns", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
118
src/app/services/page.tsx
Normal file
118
src/app/services/page.tsx
Normal file
@@ -0,0 +1,118 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
|
||||
export default function ServicesPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="circleGradient"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Products", id: "/#products" },
|
||||
{ name: "Features", id: "/#features" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About Us", id: "/#about" },
|
||||
{ name: "Contact", id: "/#contact" },
|
||||
]}
|
||||
brandName="ElectroShop"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services-main" data-section="services-main">
|
||||
<PricingCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic-install", title: "Basic Installation", price: "$99", period: "one-time", features: [
|
||||
"Standard light fixture installation", "Single socket replacement", "Basic wiring check-up", "30-day service warranty"],
|
||||
button: {
|
||||
text: "Get Started", href: "#contact-us-phone"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/patch-cord-crimp-glasses-notepad_140725-8748.jpg", imageAlt: "Electrician working with tools"},
|
||||
{
|
||||
id: "premium-install", title: "Premium Installation", price: "$249", period: "one-time", features: [
|
||||
"Smart home device integration", "Multi-point lighting setup", "Full system wiring inspection", "60-day extended warranty"],
|
||||
button: {
|
||||
text: "Schedule Now", href: "#contact-us-phone"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-installing-smart-device_23-2149537033.jpg", imageAlt: "Technician installing a smart device"},
|
||||
{
|
||||
id: "product-delivery", title: "Product Delivery & Setup", price: "Custom", period: "per-delivery", features: [
|
||||
"Expedited product shipping", "On-site delivery and unboxing", "Initial product configuration", "Recycling of old components"],
|
||||
button: {
|
||||
text: "Arrange Delivery", href: "#contact-us-phone"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delivery-person-bringing-package_23-2148777977.jpg", imageAlt: "Delivery person with a package"},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="ElectroShop offers comprehensive installation and delivery services to ensure your electrical components are perfectly set up and functioning. Our expert team is ready to assist with all your needs."
|
||||
tag="Services"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-us-phone" data-section="contact-us-phone">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Call Us Today!"
|
||||
title="Need Immediate Assistance? Speak to an Expert."
|
||||
description="Our customer service team is available to answer your questions, schedule installations, or assist with product delivery. We're just a phone call away."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call ElectroShop: +1 (234) 567-8900", href: "tel:+12345678900"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{ label: "Shop", href: "/#products" },
|
||||
{ label: "Bulbs", href: "/#products" },
|
||||
{ label: "Sockets", href: "/#products" },
|
||||
{ label: "Wiring", href: "/#products" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Company", href: "/#about" },
|
||||
{ label: "About Us", href: "/#about" },
|
||||
{ label: "Services", href: "/services" },
|
||||
{ label: "Testimonials", href: "/#testimonials" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Support", href: "/#contact" },
|
||||
{ label: "FAQs", href: "/#faq" },
|
||||
{ label: "Contact Us", href: "/#contact" },
|
||||
{ label: "Returns", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="ElectroShop"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user