Update src/app/page.tsx
This commit is contained in:
257
src/app/page.tsx
257
src/app/page.tsx
@@ -32,30 +32,18 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "#home"},
|
||||||
id: "#home",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Products",
|
name: "Products", id: "#products"},
|
||||||
id: "#products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Services",
|
name: "Services", id: "#services"},
|
||||||
id: "#services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Reviews",
|
name: "Reviews", id: "#reviews"},
|
||||||
id: "#reviews",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "#contact"},
|
||||||
id: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
button={{
|
button={{
|
||||||
text: "Call Us",
|
text: "Call Us", href: "tel:+19165141854"}}
|
||||||
href: "tel:+19165141854",
|
|
||||||
}}
|
|
||||||
logoSrc="http://img.b2bpic.net/free-vector/flat-labels-collection-electronics-business-store_23-2151136188.jpg"
|
logoSrc="http://img.b2bpic.net/free-vector/flat-labels-collection-electronics-business-store_23-2151136188.jpg"
|
||||||
brandName="The Pink Spot"
|
brandName="The Pink Spot"
|
||||||
/>
|
/>
|
||||||
@@ -64,19 +52,14 @@ export default function LandingPage() {
|
|||||||
<div id="home" data-section="home">
|
<div id="home" data-section="home">
|
||||||
<HeroLogoBillboard
|
<HeroLogoBillboard
|
||||||
background={{
|
background={{
|
||||||
variant: "radial-gradient",
|
variant: "radial-gradient"}}
|
||||||
}}
|
|
||||||
logoText="The Pink Spot"
|
logoText="The Pink Spot"
|
||||||
description="Your ultimate destination for premium cell phone accessories and expert services in Sacramento, CA. Find the perfect case, screen protector, charger, and more!"
|
description="Your ultimate destination for premium cell phone accessories and expert services in Sacramento, CA. Find the perfect case, screen protector, charger, and more!"
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Shop Now",
|
text: "Shop Now", href: "#products"},
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Our Services",
|
text: "Our Services", href: "#services"},
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-5250.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-5250.jpg"
|
||||||
@@ -109,53 +92,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Stylish Pink iPhone Case", price: "$19.99", variant: "iPhone 15 Pro", imageSrc: "http://img.b2bpic.net/free-photo/elegant-smartphone-composition_23-2149437138.jpg", imageAlt: "Pink iPhone case"},
|
||||||
name: "Stylish Pink iPhone Case",
|
|
||||||
price: "$19.99",
|
|
||||||
variant: "iPhone 15 Pro",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-smartphone-composition_23-2149437138.jpg",
|
|
||||||
imageAlt: "Pink iPhone case",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "Fast USB-C Charger", price: "$24.99", variant: "20W Power Delivery", imageSrc: "http://img.b2bpic.net/free-photo/green-cell-phone-connected-usb-cable-type-c-charging_58702-4592.jpg", imageAlt: "Fast USB-C charger"},
|
||||||
name: "Fast USB-C Charger",
|
|
||||||
price: "$24.99",
|
|
||||||
variant: "20W Power Delivery",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/green-cell-phone-connected-usb-cable-type-c-charging_58702-4592.jpg",
|
|
||||||
imageAlt: "Fast USB-C charger",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "Privacy Screen Protector", price: "$14.99", variant: "Anti-Glare Tempered Glass", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-crafting-wooden-object_23-2148732466.jpg", imageAlt: "Privacy screen protector"},
|
||||||
name: "Privacy Screen Protector",
|
|
||||||
price: "$14.99",
|
|
||||||
variant: "Anti-Glare Tempered Glass",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-crafting-wooden-object_23-2148732466.jpg",
|
|
||||||
imageAlt: "Privacy screen protector",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", name: "Durable iPad Pro Case", price: "$29.99", variant: "iPad Pro 11-inch", imageSrc: "http://img.b2bpic.net/free-photo/top-view-storage-devices-photo-camera_23-2149319335.jpg", imageAlt: "Durable iPad Pro case"},
|
||||||
name: "Durable iPad Pro Case",
|
|
||||||
price: "$29.99",
|
|
||||||
variant: "iPad Pro 11-inch",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-storage-devices-photo-camera_23-2149319335.jpg",
|
|
||||||
imageAlt: "Durable iPad Pro case",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", name: "Wireless Earbuds", price: "$49.99", variant: "Pink, Bluetooth 5.2", imageSrc: "http://img.b2bpic.net/free-photo/ginger-head-woman-with-colorful-outfit_23-2149441392.jpg", imageAlt: "Pink wireless earbuds"},
|
||||||
name: "Wireless Earbuds",
|
|
||||||
price: "$49.99",
|
|
||||||
variant: "Pink, Bluetooth 5.2",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/ginger-head-woman-with-colorful-outfit_23-2149441392.jpg",
|
|
||||||
imageAlt: "Pink wireless earbuds",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "6",
|
id: "6", name: "Magnetic Car Phone Mount", price: "$12.99", variant: "Universal Fit", imageSrc: "http://img.b2bpic.net/free-photo/black-interior-car-center-control-space_53876-96704.jpg", imageAlt: "Magnetic car phone mount"},
|
||||||
name: "Magnetic Car Phone Mount",
|
|
||||||
price: "$12.99",
|
|
||||||
variant: "Universal Fit",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/black-interior-car-center-control-space_53876-96704.jpg",
|
|
||||||
imageAlt: "Magnetic car phone mount",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Discover Our Latest Accessories"
|
title="Discover Our Latest Accessories"
|
||||||
description="Browse our hand-picked collection of high-quality cell phone and tablet accessories, designed for durability and style."
|
description="Browse our hand-picked collection of high-quality cell phone and tablet accessories, designed for durability and style."
|
||||||
@@ -169,19 +116,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
negativeCard={{
|
negativeCard={{
|
||||||
items: [
|
items: [
|
||||||
"Expert Screen Protector Installation",
|
"Expert Screen Protector Installation", "Wide Range of Phone Cases", "High-Quality Chargers & Cables", "Tablet Accessories & More"],
|
||||||
"Wide Range of Phone Cases",
|
|
||||||
"High-Quality Chargers & Cables",
|
|
||||||
"Tablet Accessories & More",
|
|
||||||
],
|
|
||||||
}}
|
}}
|
||||||
positiveCard={{
|
positiveCard={{
|
||||||
items: [
|
items: [
|
||||||
"Immediate Availability, No Waiting",
|
"Immediate Availability, No Waiting", "Competitive Local Pricing", "Personalized Recommendations", "Friendly & Knowledgeable Staff"],
|
||||||
"Competitive Local Pricing",
|
|
||||||
"Personalized Recommendations",
|
|
||||||
"Friendly & Knowledgeable Staff",
|
|
||||||
],
|
|
||||||
}}
|
}}
|
||||||
title="Why Choose The Pink Spot?"
|
title="Why Choose The Pink Spot?"
|
||||||
description="We offer more than just accessories; we provide solutions with personalized care and instant satisfaction."
|
description="We offer more than just accessories; we provide solutions with personalized care and instant satisfaction."
|
||||||
@@ -195,73 +134,31 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Ravi Dutta", role: "Satisfied Customer", company: "Local Buyer", rating: 5,
|
||||||
name: "Ravi Dutta",
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-blonde-young-women-looking-digital-tablet-shop_23-2147968489.jpg", imageAlt: "Happy customer phone accessory store"},
|
||||||
role: "Satisfied Customer",
|
|
||||||
company: "Local Buyer",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-blonde-young-women-looking-digital-tablet-shop_23-2147968489.jpg",
|
|
||||||
imageAlt: "Happy customer phone accessory store",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "Michael Chen", role: "Screen Protector Buyer", company: "Tech Enthusiast", rating: 5,
|
||||||
name: "Michael Chen",
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-typing-phone_23-2148296664.jpg", imageAlt: "Man looking at phone accessories"},
|
||||||
role: "Screen Protector Buyer",
|
|
||||||
company: "Tech Enthusiast",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-typing-phone_23-2148296664.jpg",
|
|
||||||
imageAlt: "Man looking at phone accessories",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "Emily Rodriguez", role: "Accessory Shopper", company: "Gadget Lover", rating: 5,
|
||||||
name: "Emily Rodriguez",
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-reading-cell-phone-messages_23-2150104734.jpg", imageAlt: "Woman smiling in tech store"},
|
||||||
role: "Accessory Shopper",
|
|
||||||
company: "Gadget Lover",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-reading-cell-phone-messages_23-2150104734.jpg",
|
|
||||||
imageAlt: "Woman smiling in tech store",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", name: "David Kim", role: "Phone User", company: "Daily Commuter", rating: 5,
|
||||||
name: "David Kim",
|
imageSrc: "http://img.b2bpic.net/free-photo/just-as-new-happy-young-man-showing-fixed-smartphone-smiling-technician-repairing-broken-screen-smartphone_662251-240.jpg", imageAlt: "Young man holding new phone screen"},
|
||||||
role: "Phone User",
|
|
||||||
company: "Daily Commuter",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/just-as-new-happy-young-man-showing-fixed-smartphone-smiling-technician-repairing-broken-screen-smartphone_662251-240.jpg",
|
|
||||||
imageAlt: "Young man holding new phone screen",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", name: "Sophia Lee", role: "Tablet Owner", company: "Digital Artist", rating: 5,
|
||||||
name: "Sophia Lee",
|
imageSrc: "http://img.b2bpic.net/free-photo/two-scientific-experts-consulting-senior-patient-new-drug-testing-process-monitoring-side_482257-132811.jpg", imageAlt: "Senior woman with tablet accessories"},
|
||||||
role: "Tablet Owner",
|
|
||||||
company: "Digital Artist",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/two-scientific-experts-consulting-senior-patient-new-drug-testing-process-monitoring-side_482257-132811.jpg",
|
|
||||||
imageAlt: "Senior woman with tablet accessories",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "6",
|
id: "6", name: "James Brown", role: "Happy Client", company: "Local Resident", rating: 5,
|
||||||
name: "James Brown",
|
imageSrc: "http://img.b2bpic.net/free-photo/excited-rejoicing-beautiful-girl-reacting-awesome-news-online-holding-smartphone-looking-fascinated_176420-31015.jpg", imageAlt: "Customer happy with phone repair"},
|
||||||
role: "Happy Client",
|
|
||||||
company: "Local Resident",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-rejoicing-beautiful-girl-reacting-awesome-news-online-holding-smartphone-looking-fascinated_176420-31015.jpg",
|
|
||||||
imageAlt: "Customer happy with phone repair",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
kpiItems={[
|
kpiItems={[
|
||||||
{
|
{
|
||||||
value: "4.2",
|
value: "4.2", label: "Average Rating"},
|
||||||
label: "Average Rating",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "478+",
|
value: "478+", label: "Customer Reviews"},
|
||||||
label: "Customer Reviews",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "5+",
|
value: "5+", label: "Years in Service"},
|
||||||
label: "Years in Service",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="What Our Customers Are Saying"
|
title="What Our Customers Are Saying"
|
||||||
description="Hear directly from our satisfied customers about their experiences with The Pink Spot's products and services."
|
description="Hear directly from our satisfied customers about their experiences with The Pink Spot's products and services."
|
||||||
@@ -273,30 +170,22 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "q1",
|
id: "q1", title: "Do you install screen protectors?", content: "Yes, we offer professional screen protector installation services for a wide range of phones and tablets, ensuring a bubble-free and perfect fit every time."},
|
||||||
title: "Do you install screen protectors?",
|
|
||||||
content: "Yes, we offer professional screen protector installation services for a wide range of phones and tablets, ensuring a bubble-free and perfect fit every time.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q2",
|
id: "q2", title: "What kind of phone cases do you carry?", content: "We stock a diverse selection of phone cases, including protective, stylish, clear, and eco-friendly options for popular brands like iPhone, Samsung, and more."},
|
||||||
title: "What kind of phone cases do you carry?",
|
|
||||||
content: "We stock a diverse selection of phone cases, including protective, stylish, clear, and eco-friendly options for popular brands like iPhone, Samsung, and more.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q3",
|
id: "q3", title: "Are your chargers compatible with all phones?", content: "Our chargers are compatible with most modern smartphones and tablets. We carry USB-C, Lightning, and Micro-USB options, including fast-charging solutions."},
|
||||||
title: "Are your chargers compatible with all phones?",
|
|
||||||
content: "Our chargers are compatible with most modern smartphones and tablets. We carry USB-C, Lightning, and Micro-USB options, including fast-charging solutions.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q4",
|
id: "q4", title: "What are your store hours?", content: "We are open until 6:45 PM on weekdays. Please check our Google Maps listing or call us for the most up-to-date hours, especially on weekends and holidays."},
|
||||||
title: "What are your store hours?",
|
|
||||||
content: "We are open until 6:45 PM on weekdays. Please check our Google Maps listing or call us for the most up-to-date hours, especially on weekends and holidays.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
sideTitle="Your Questions, Answered"
|
sideTitle="Exclusive Insights: Your Queries, Our Expertise"
|
||||||
sideDescription="Find quick answers to the most common questions about our products and services."
|
sideDescription="Delve into common inquiries about our premium accessories and bespoke services. Should you require further assistance, our dedicated team is at your service."
|
||||||
faqsAnimation="slide-up"
|
faqsAnimation="slide-up"
|
||||||
textPosition="left"
|
textPosition="left"
|
||||||
|
buttons={[
|
||||||
|
{
|
||||||
|
text: "Contact Our Experts", href: "#contact"},
|
||||||
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -304,18 +193,13 @@ export default function LandingPage() {
|
|||||||
<ContactText
|
<ContactText
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "sparkles-gradient",
|
variant: "sparkles-gradient"}}
|
||||||
}}
|
text="Experience Unrivaled Service: Connect with The Pink Spot"
|
||||||
text="Ready to Accessorize Your Device? Visit Us Today!"
|
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Get Directions",
|
text: "Get Directions", href: "https://www.google.com/maps/dir/?api=1&destination=511+W+El+Camino+Ave,+Sacramento,+CA+95833,+United+States"},
|
||||||
href: "https://www.google.com/maps/dir/?api=1&destination=511+W+El+Camino+Ave,+Sacramento,+CA+95833,+United+States",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Call Us: (916) 514-1854",
|
text: "Call for Personalized Service: (916) 514-1854", href: "tel:+19165141854"},
|
||||||
href: "tel:+19165141854",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -325,58 +209,35 @@ export default function LandingPage() {
|
|||||||
logoText="The Pink Spot"
|
logoText="The Pink Spot"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Shop",
|
title: "Shop", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Phone Cases",
|
label: "Phone Cases", href: "#products"},
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Screen Protectors",
|
label: "Screen Protectors", href: "#products"},
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Chargers",
|
label: "Chargers", href: "#products"},
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Tablet Accessories",
|
label: "Tablet Accessories", href: "#products"},
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Company",
|
title: "Company", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "About Us",
|
label: "About Us", href: "#about"},
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Services",
|
label: "Services", href: "#services"},
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Reviews",
|
label: "Reviews", href: "#reviews"},
|
||||||
href: "#reviews",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Contact Us",
|
label: "Contact Us", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Legal",
|
title: "Legal", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Privacy Policy",
|
label: "Privacy Policy", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Terms of Service",
|
label: "Terms of Service", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user