Update src/app/page.tsx
This commit is contained in:
319
src/app/page.tsx
319
src/app/page.tsx
@@ -33,37 +33,21 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Benefits",
|
||||
id: "#benefits",
|
||||
},
|
||||
name: "Benefits", id: "#benefits"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Products", id: "#products"},
|
||||
{
|
||||
name: "Membership",
|
||||
id: "#membership",
|
||||
},
|
||||
name: "Membership", id: "#membership"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="BJ's Wholesale Club"
|
||||
bottomLeftText="Columbia, MD"
|
||||
@@ -74,19 +58,14 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
logoText="BJ's Wholesale Club"
|
||||
description="Your one-stop destination for bulk savings on everyday essentials. Shop in-club or online for groceries, electronics, home goods, and more."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
{
|
||||
text: "Become a Member",
|
||||
href: "#membership",
|
||||
},
|
||||
text: "Become a Member", href: "#membership"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-beautiful-smiling-pop-star-singer-with-microphone-sitting-scene-club_158538-7879.jpg"
|
||||
imageAlt="Busy aisle inside a BJ's Wholesale Club"
|
||||
@@ -110,48 +89,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Save Big",
|
||||
title: "Bulk Savings & Exclusive Deals",
|
||||
items: [
|
||||
"Significant savings on everyday essentials",
|
||||
"Member-only pricing and exclusive discounts",
|
||||
"Access to special promotions and coupons",
|
||||
],
|
||||
id: "f1", label: "Save Big", title: "Bulk Savings & Exclusive Deals", items: [
|
||||
"Significant savings on everyday essentials", "Member-only pricing and exclusive discounts", "Access to special promotions and coupons"],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Shop Your Way",
|
||||
title: "Flexible Shopping Options",
|
||||
items: [
|
||||
"Convenient online shopping from anywhere",
|
||||
"Traditional in-club purchasing experience",
|
||||
"Same-day delivery options available",
|
||||
],
|
||||
id: "f2", label: "Shop Your Way", title: "Flexible Shopping Options", items: [
|
||||
"Convenient online shopping from anywhere", "Traditional in-club purchasing experience", "Same-day delivery options available"],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Hassle-Free",
|
||||
title: "Convenience & Accessibility",
|
||||
items: [
|
||||
"Contactless pickup services for quick orders",
|
||||
"Discount programs for eligible groups, including teachers",
|
||||
"One-stop shopping for all your needs",
|
||||
],
|
||||
id: "f3", label: "Hassle-Free", title: "Convenience & Accessibility", items: [
|
||||
"Contactless pickup services for quick orders", "Discount programs for eligible groups, including teachers", "One-stop shopping for all your needs"],
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
label: "Wide Selection",
|
||||
title: "Everything You Need Under One Roof",
|
||||
items: [
|
||||
"Groceries, household, and cleaning supplies",
|
||||
"Electronics, computers, and furniture",
|
||||
"Tires, personal care, and office supplies",
|
||||
],
|
||||
id: "f4", label: "Wide Selection", title: "Everything You Need Under One Roof", items: [
|
||||
"Groceries, household, and cleaning supplies", "Electronics, computers, and furniture", "Tires, personal care, and office supplies"],
|
||||
},
|
||||
]}
|
||||
title="Key Benefits of BJ's Membership"
|
||||
description="Unlock significant savings and convenient shopping experiences with your BJ's membership. We offer a variety of perks designed to make your life easier and more affordable."
|
||||
animationType="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -162,78 +118,29 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Groceries & Pantry Items",
|
||||
price: "Bulk Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309698.jpg",
|
||||
imageAlt: "Aisle of fresh groceries",
|
||||
},
|
||||
id: "p1", name: "Groceries & Pantry Items", price: "Bulk Pricing", imageSrc: "http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309698.jpg", imageAlt: "Aisle of fresh groceries"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Household & Cleaning Supplies",
|
||||
price: "Bulk Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tray-with-toilet-paper-rolls_23-2148508101.jpg",
|
||||
imageAlt: "Selection of household cleaning supplies",
|
||||
},
|
||||
id: "p2", name: "Household & Cleaning Supplies", price: "Bulk Pricing", imageSrc: "http://img.b2bpic.net/free-photo/tray-with-toilet-paper-rolls_23-2148508101.jpg", imageAlt: "Selection of household cleaning supplies"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "TVs & Electronics",
|
||||
price: "Member Price",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-kind-cheese-wooden-cutting-board-cottage-cheese-wooden-bowl-with-pickled-olives-rustic-table_141793-8833.jpg",
|
||||
imageAlt: "Modern TVs on display",
|
||||
},
|
||||
id: "p3", name: "TVs & Electronics", price: "Member Price", imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-kind-cheese-wooden-cutting-board-cottage-cheese-wooden-bowl-with-pickled-olives-rustic-table_141793-8833.jpg", imageAlt: "Modern TVs on display"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Personal Care & Health Products",
|
||||
price: "Member Price",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pillow-sofa_74190-3597.jpg",
|
||||
imageAlt: "Variety of personal care products",
|
||||
},
|
||||
id: "p4", name: "Personal Care & Health Products", price: "Member Price", imageSrc: "http://img.b2bpic.net/free-photo/pillow-sofa_74190-3597.jpg", imageAlt: "Variety of personal care products"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Furniture",
|
||||
price: "Bulk Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-century-modern-dining-room-with-wooden-furniture_23-2152001396.jpg",
|
||||
imageAlt: "Stylish living room furniture",
|
||||
},
|
||||
id: "p5", name: "Furniture", price: "Bulk Pricing", imageSrc: "http://img.b2bpic.net/free-photo/mid-century-modern-dining-room-with-wooden-furniture_23-2152001396.jpg", imageAlt: "Stylish living room furniture"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Tires & Automotive Products",
|
||||
price: "Member Price",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luggage-seen-from-rear-car-window_23-2150934327.jpg",
|
||||
imageAlt: "Assortment of car tires",
|
||||
},
|
||||
id: "p6", name: "Tires & Automotive Products", price: "Member Price", imageSrc: "http://img.b2bpic.net/free-photo/luggage-seen-from-rear-car-window_23-2150934327.jpg", imageAlt: "Assortment of car tires"},
|
||||
{
|
||||
id: "p7",
|
||||
name: "Toys & Games",
|
||||
price: "Member Price",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-tin-robot-toy-standing-ground-with-pattern_53876-23370.jpg",
|
||||
imageAlt: "Colorful children's toys",
|
||||
},
|
||||
id: "p7", name: "Toys & Games", price: "Member Price", imageSrc: "http://img.b2bpic.net/free-photo/retro-tin-robot-toy-standing-ground-with-pattern_53876-23370.jpg", imageAlt: "Colorful children's toys"},
|
||||
{
|
||||
id: "p8",
|
||||
name: "Office Supplies",
|
||||
price: "Bulk Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/books-vase-vintage-camera-eyeglasses-pencil-holders-white-blank-paper-wooden-backdrop_23-2147979111.jpg",
|
||||
imageAlt: "Organized office supplies",
|
||||
},
|
||||
id: "p8", name: "Office Supplies", price: "Bulk Pricing", imageSrc: "http://img.b2bpic.net/free-photo/books-vase-vintage-camera-eyeglasses-pencil-holders-white-blank-paper-wooden-backdrop_23-2147979111.jpg", imageAlt: "Organized office supplies"},
|
||||
{
|
||||
id: "p9",
|
||||
name: "Paper Products",
|
||||
price: "Bulk Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-beauty-products-displayed-shelf_23-2150718017.jpg",
|
||||
imageAlt: "Stack of paper towels",
|
||||
},
|
||||
id: "p9", name: "Paper Products", price: "Bulk Pricing", imageSrc: "http://img.b2bpic.net/free-photo/assortment-beauty-products-displayed-shelf_23-2150718017.jpg", imageAlt: "Stack of paper towels"},
|
||||
{
|
||||
id: "p10",
|
||||
name: "Computers & Tablets",
|
||||
price: "Member Price",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-composition-with-dairy-products_23-2148601707.jpg",
|
||||
imageAlt: "Laptops and tablets",
|
||||
},
|
||||
id: "p10", name: "Computers & Tablets", price: "Member Price", imageSrc: "http://img.b2bpic.net/free-photo/top-view-composition-with-dairy-products_23-2148601707.jpg", imageAlt: "Laptops and tablets"},
|
||||
]}
|
||||
title="Explore Our Product Categories"
|
||||
description="From fresh groceries to the latest electronics, find everything your home and business needs at unbeatable bulk prices."
|
||||
animationType="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -243,46 +150,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Entry Level",
|
||||
tagIcon: Sparkles,
|
||||
price: "$55",
|
||||
period: "per year",
|
||||
description: "Access to member-only savings and discounts both online and in-club. Perfect for everyday value.",
|
||||
button: {
|
||||
text: "Join Club Membership",
|
||||
href: "#",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Member-only pricing",
|
||||
"Online and in-store access",
|
||||
"Digital coupons",
|
||||
"Contactless pickup",
|
||||
],
|
||||
id: "basic", tag: "Entry Level", tagIcon: Sparkles,
|
||||
price: "$55", period: "per year", description: "Access to member-only savings and discounts both online and in-club. Perfect for everyday value.", button: {
|
||||
text: "Join Club Membership", href: "#"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"Member-only pricing", "Online and in-store access", "Digital coupons", "Contactless pickup"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
tag: "Most Popular",
|
||||
tagIcon: Star,
|
||||
price: "$110",
|
||||
period: "per year",
|
||||
description: "Enjoy all Club benefits plus additional rewards and greater savings. Ideal for frequent shoppers.",
|
||||
button: {
|
||||
text: "Join Club+ Membership",
|
||||
href: "#",
|
||||
},
|
||||
featuresTitle: "All Club benefits, plus:",
|
||||
features: [
|
||||
"Earn 2% cash back on most purchases",
|
||||
"Free second membership card",
|
||||
"Exclusive savings events",
|
||||
"Enhanced customer service",
|
||||
],
|
||||
id: "premium", tag: "Most Popular", tagIcon: Star,
|
||||
price: "$110", period: "per year", description: "Enjoy all Club benefits plus additional rewards and greater savings. Ideal for frequent shoppers.", button: {
|
||||
text: "Join Club+ Membership", href: "#"},
|
||||
featuresTitle: "All Club benefits, plus:", features: [
|
||||
"Earn 2% cash back on most purchases", "Free second membership card", "Exclusive savings events", "Enhanced customer service"],
|
||||
},
|
||||
]}
|
||||
title="Choose Your BJ's Membership"
|
||||
description="Select the perfect plan to maximize your savings and benefits at BJ's Wholesale Club. Enjoy exclusive access and rewards tailored to your needs."
|
||||
animationType="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -294,28 +178,18 @@ export default function LandingPage() {
|
||||
author="Happy BJ's Members"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-female-with-hair-bun-having-joyful-look-smiling-cheerfully-happy-with-some-positive-news_273609-9042.jpg",
|
||||
alt: "Sarah Johnson",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-female-with-hair-bun-having-joyful-look-smiling-cheerfully-happy-with-some-positive-news_273609-9042.jpg", alt: "Sarah Johnson"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg",
|
||||
alt: "Michael Chen",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg", alt: "Michael Chen"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-female-smiling-funny-model-posing-near-pink-wall-studio-shocked-surprised_158538-3432.jpg",
|
||||
alt: "Emily Rodriguez",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/positive-female-smiling-funny-model-posing-near-pink-wall-studio-shocked-surprised_158538-3432.jpg", alt: "Emily Rodriguez"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-hipster-smiles-pleasantly-shows-white-teeth-wears-striped-sweater-yellow-raincoat-glad-have-day-off-has-walk-autumn-day-isolated-blue-wall_273609-33591.jpg",
|
||||
alt: "David Kim",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-hipster-smiles-pleasantly-shows-white-teeth-wears-striped-sweater-yellow-raincoat-glad-have-day-off-has-walk-autumn-day-isolated-blue-wall_273609-33591.jpg", alt: "David Kim"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-man-sitting-sofa-looking-camera-home_23-2148098178.jpg",
|
||||
alt: "Jessica Lee",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-man-sitting-sofa-looking-camera-home_23-2148098178.jpg", alt: "Jessica Lee"},
|
||||
]}
|
||||
ratingAnimation="reveal-blur"
|
||||
avatarsAnimation="reveal-blur"
|
||||
ratingAnimation="elastic-effect"
|
||||
avatarsAnimation="elastic-effect"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -325,30 +199,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "How do I become a BJ's member?",
|
||||
content: "You can become a BJ's member by signing up online at our website or visiting any BJ's Wholesale Club location and speaking with a membership representative. We offer various membership tiers to suit your needs.",
|
||||
},
|
||||
id: "faq1", title: "How do I become a BJ's member?", content: "You can become a BJ's member by signing up online at our website or visiting any BJ's Wholesale Club location and speaking with a membership representative. We offer various membership tiers to suit your needs."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "What products can I find at BJ's?",
|
||||
content: "BJ's offers a vast selection including groceries, household essentials, electronics, furniture, tires, personal care items, and more. Our inventory is constantly updated to bring you the best value and variety.",
|
||||
},
|
||||
id: "faq2", title: "What products can I find at BJ's?", content: "BJ's offers a vast selection including groceries, household essentials, electronics, furniture, tires, personal care items, and more. Our inventory is constantly updated to bring you the best value and variety."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Do you offer online shopping and delivery?",
|
||||
content: "Yes, members can shop online through our website or app and choose from convenient options like in-club pickup or same-day delivery to their doorstep in eligible areas.",
|
||||
},
|
||||
id: "faq3", title: "Do you offer online shopping and delivery?", content: "Yes, members can shop online through our website or app and choose from convenient options like in-club pickup or same-day delivery to their doorstep in eligible areas."},
|
||||
{
|
||||
id: "faq4",
|
||||
title: "What are your club hours?",
|
||||
content: "Our Columbia, MD location is open daily until 10:00 PM. Please check our website or contact the club directly for the most current operating hours, especially during holidays.",
|
||||
},
|
||||
id: "faq4", title: "What are your club hours?", content: "Our Columbia, MD location is open daily until 10:00 PM. Please check our website or contact the club directly for the most current operating hours, especially during holidays."},
|
||||
{
|
||||
id: "faq5",
|
||||
title: "Are there special discounts for specific groups?",
|
||||
content: "Yes, BJ's offers discount programs for eligible groups, including teachers. Please inquire at our membership desk or check our website for more details on current offers and eligibility requirements.",
|
||||
},
|
||||
id: "faq5", title: "Are there special discounts for specific groups?", content: "Yes, BJ's offers discount programs for eligible groups, including teachers. Please inquire at our membership desk or check our website for more details on current offers and eligibility requirements."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-sick-young-female-feeling-ill-holding-huge-white-sign-light-white-surface_140725-31576.jpg"
|
||||
imageAlt="Someone asking a question with a thought bubble icon"
|
||||
@@ -356,7 +215,7 @@ export default function LandingPage() {
|
||||
mediaPosition="right"
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to common questions about BJ's Wholesale Club, from membership details to shopping policies and in-club services."
|
||||
faqsAnimation="reveal-blur"
|
||||
faqsAnimation="elastic-effect"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -367,27 +226,16 @@ export default function LandingPage() {
|
||||
description="Have questions, feedback, or need assistance? Our friendly team is here to help. Fill out the form below or find our contact information and hours of operation."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone Number (Optional)",
|
||||
},
|
||||
name: "phone", type: "tel", placeholder: "Your Phone Number (Optional)"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your Message",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Your Message", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/engineers-overseeing-server-room-with-mockup-device-reading-documentation_482257-121020.jpg"
|
||||
@@ -401,58 +249,35 @@ export default function LandingPage() {
|
||||
logoText="BJ's Wholesale Club"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Benefits",
|
||||
href: "#benefits",
|
||||
},
|
||||
label: "Benefits", href: "#benefits"},
|
||||
{
|
||||
label: "Product Categories",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Product Categories", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Membership",
|
||||
items: [
|
||||
title: "Membership", items: [
|
||||
{
|
||||
label: "Club Membership",
|
||||
href: "#membership",
|
||||
},
|
||||
label: "Club Membership", href: "#membership"},
|
||||
{
|
||||
label: "Club+ Membership",
|
||||
href: "#membership",
|
||||
},
|
||||
label: "Club+ Membership", href: "#membership"},
|
||||
{
|
||||
label: "Join Today",
|
||||
href: "#membership",
|
||||
},
|
||||
label: "Join Today", href: "#membership"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact & Info",
|
||||
items: [
|
||||
title: "Contact & Info", items: [
|
||||
{
|
||||
label: "Phone: (410) 312-2700",
|
||||
href: "tel:+14103122700",
|
||||
},
|
||||
label: "Phone: (410) 312-2700", href: "tel:+14103122700"},
|
||||
{
|
||||
label: "Address: 9011 Snowden River Parkway, Columbia, MD 21046",
|
||||
href: "https://maps.app.goo.gl/address",
|
||||
},
|
||||
label: "Address: 9011 Snowden River Parkway, Columbia, MD 21046", href: "https://maps.app.goo.gl/address"},
|
||||
{
|
||||
label: "Hours: Open daily until 10:00 PM",
|
||||
href: "#",
|
||||
},
|
||||
label: "Hours: Open daily until 10:00 PM", href: "#"},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQs", href: "#faq"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user