Merge version_2 into main #3
@@ -33,9 +33,7 @@ export default function ContactPage() {
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Join Now",
|
||||
href: "/membership",
|
||||
}}
|
||||
text: "Join Now", href: "/membership"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -50,7 +48,7 @@ export default function ContactPage() {
|
||||
We're Here to Help
|
||||
</h1>
|
||||
<p className="text-lg text-foreground/70">
|
||||
Have questions about our products, membership plans, or need support? Our team is ready to assist you.
|
||||
Have questions about our products, membership plans, personal product integrations, or need support? Our team is ready to assist you.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
@@ -111,23 +109,18 @@ export default function ContactPage() {
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about Acne Hub membership and our products."
|
||||
description="Everything you need to know about Acne Hub membership, our products, and adding your personal skincare items."
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do I cancel my membership?",
|
||||
content: "You can cancel anytime through your account dashboard with no penalties or hidden fees. We offer a 30-day money-back guarantee on your first order.",
|
||||
},
|
||||
id: "1", title: "How do I cancel my membership?", content: "You can cancel anytime through your account dashboard with no penalties or hidden fees. We offer a 30-day money-back guarantee on your first order."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can I change my shipment frequency?",
|
||||
content: "Absolutely! You can switch between monthly, bi-monthly, or quarterly shipments at any time. Changes take effect on your next scheduled order.",
|
||||
},
|
||||
id: "2", title: "Can I change my shipment frequency?", content: "Absolutely! You can switch between monthly, bi-monthly, or quarterly shipments at any time. Changes take effect on your next scheduled order."},
|
||||
{
|
||||
id: "3",
|
||||
title: "What products are included in each plan?",
|
||||
content: "Monthly: Any single product. Bi-monthly: Any single product or 2-product combo. Quarterly: 2 products or our full 3-product routine bundle.",
|
||||
},
|
||||
id: "3", title: "What products are included in each plan?", content: "Monthly: Any single product. Bi-monthly: Any single product or 2-product combo. Quarterly: 2 products or our full 3-product routine bundle. You can also add personal skincare products to any plan."},
|
||||
{
|
||||
id: "4", title: "Can I add my personal skincare products to my membership shipment?", content: "Yes! We allow members to add personal skincare products from approved brands to their shipments. Contact our support team to get a list of compatible products or to request your specific brands."},
|
||||
{
|
||||
id: "5", title: "How do I upload pictures of my personal products?", content: "When setting up or modifying your membership, you can upload photos of your personal products through your account dashboard. Our team will review them to ensure compatibility with your routine."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-beautiful-woman-happy-fit-girl-sportswear-laughing_1153-7827.jpg?_wi=2"
|
||||
imageAlt="Woman with clear, healthy skin"
|
||||
@@ -145,71 +138,43 @@ export default function ContactPage() {
|
||||
logoText="Acne Hub"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "Products",
|
||||
href: "/#products",
|
||||
},
|
||||
label: "Products", href: "/#products"},
|
||||
{
|
||||
label: "Membership",
|
||||
href: "/membership",
|
||||
},
|
||||
label: "Membership", href: "/membership"},
|
||||
{
|
||||
label: "Bundle Deals",
|
||||
href: "/#products",
|
||||
},
|
||||
label: "Bundle Deals", href: "/#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "/about",
|
||||
},
|
||||
label: "Our Story", href: "/about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "/careers",
|
||||
},
|
||||
label: "Careers", href: "/careers"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact Us", href: "/contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/#faq",
|
||||
},
|
||||
label: "FAQ", href: "/#faq"},
|
||||
{
|
||||
label: "Shipping Info",
|
||||
href: "/shipping",
|
||||
},
|
||||
label: "Shipping Info", href: "/shipping"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "/privacy",
|
||||
},
|
||||
label: "Privacy Policy", href: "/privacy"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "/terms",
|
||||
},
|
||||
label: "Terms of Service", href: "/terms"},
|
||||
{
|
||||
label: "Return Policy",
|
||||
href: "/returns",
|
||||
},
|
||||
label: "Return Policy", href: "/returns"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -218,4 +183,4 @@ export default function ContactPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -35,9 +35,7 @@ export default function MembershipPage() {
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Join Now",
|
||||
href: "/membership",
|
||||
}}
|
||||
text: "Join Now", href: "/membership"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -45,78 +43,42 @@ export default function MembershipPage() {
|
||||
<div id="membership" data-section="membership">
|
||||
<PricingCardTwo
|
||||
title="Choose Your Membership Plan"
|
||||
description="Flexible membership options with auto-shipment intervals tailored to your skincare routine. Switch anytime, cancel anytime."
|
||||
description="Flexible membership options with auto-shipment intervals tailored to your skincare routine. Switch anytime, cancel anytime. Add your personal products to customize your shipments."
|
||||
tag="Membership"
|
||||
tagIcon={Sparkles}
|
||||
plans={[
|
||||
{
|
||||
id: "starter-1month",
|
||||
badge: "Monthly Fresh",
|
||||
badgeIcon: Sparkles,
|
||||
price: "$54.99",
|
||||
subtitle: "Monthly auto-shipment of any single product",
|
||||
buttons: [
|
||||
id: "starter-1month", badge: "Monthly Fresh", badgeIcon: Sparkles,
|
||||
price: "$54.99", subtitle: "Monthly auto-shipment of any single product", buttons: [
|
||||
{
|
||||
text: "Choose Plan",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Choose Plan", href: "/contact"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn More", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Auto-shipment every month",
|
||||
"Free standard shipping",
|
||||
"Cancel anytime",
|
||||
"10% member discount",
|
||||
],
|
||||
"Auto-shipment every month", "Free standard shipping", "Cancel anytime", "10% member discount", "Add personal products"],
|
||||
},
|
||||
{
|
||||
id: "popular-2month",
|
||||
badge: "Smart Duo",
|
||||
badgeIcon: Sparkles,
|
||||
price: "$94.99",
|
||||
subtitle: "Bi-monthly shipment of any single product or combo",
|
||||
buttons: [
|
||||
id: "popular-2month", badge: "Smart Duo", badgeIcon: Sparkles,
|
||||
price: "$94.99", subtitle: "Bi-monthly shipment of any single product or combo", buttons: [
|
||||
{
|
||||
text: "Choose Plan",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Choose Plan", href: "/contact"},
|
||||
{
|
||||
text: "Most Popular",
|
||||
href: "#",
|
||||
},
|
||||
text: "Most Popular", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Auto-shipment every 2 months",
|
||||
"Free express shipping",
|
||||
"Cancel anytime",
|
||||
"15% member discount",
|
||||
],
|
||||
"Auto-shipment every 2 months", "Free express shipping", "Cancel anytime", "15% member discount", "Customize with personal products"],
|
||||
},
|
||||
{
|
||||
id: "premium-3month",
|
||||
badge: "Power Trio",
|
||||
badgeIcon: Sparkles,
|
||||
price: "$129.99",
|
||||
subtitle: "Quarterly shipment of 2 products or full routine bundle",
|
||||
buttons: [
|
||||
id: "premium-3month", badge: "Power Trio", badgeIcon: Sparkles,
|
||||
price: "$129.99", subtitle: "Quarterly shipment of 2 products or full routine bundle", buttons: [
|
||||
{
|
||||
text: "Choose Plan",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Choose Plan", href: "/contact"},
|
||||
{
|
||||
text: "Best Value",
|
||||
href: "#",
|
||||
},
|
||||
text: "Best Value", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Auto-shipment every 3 months",
|
||||
"Free priority shipping",
|
||||
"VIP member support",
|
||||
"20% member discount",
|
||||
],
|
||||
"Auto-shipment every 3 months", "Free priority shipping", "VIP member support", "20% member discount", "Mix & match personal products"],
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -129,29 +91,17 @@ export default function MembershipPage() {
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSix
|
||||
title="How Acne Hub Membership Works"
|
||||
description="A simple, hassle-free process designed for your convenience and clear skin results."
|
||||
description="A simple, hassle-free process designed for your convenience and clear skin results. You can include your personal skincare products in your routine."
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Browse & Select",
|
||||
description: "Choose your preferred product or bundle, then select your ideal shipment frequency: monthly, bi-monthly, or quarterly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-view-woman-using-phone-about-products-table_197531-32375.jpg?_wi=2",
|
||||
imageAlt: "Browse & Select",
|
||||
},
|
||||
title: "Browse & Select", description: "Choose your preferred product or bundle, then select your ideal shipment frequency: monthly, bi-monthly, or quarterly. You can also add your personal products to the shipment.", imageSrc: "http://img.b2bpic.net/free-photo/full-view-woman-using-phone-about-products-table_197531-32375.jpg?_wi=2", imageAlt: "Browse & Select"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Set & Forget",
|
||||
description: "Your membership automatically ships on schedule. No need to reorder or worry about running out of your favorite acne-fighting formulas.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-holding-box-personal-belongings-about-leave-office-after-quitting-job_93675-134529.jpg?_wi=2",
|
||||
imageAlt: "Set & Forget",
|
||||
},
|
||||
title: "Set & Forget", description: "Your membership automatically ships on schedule with your selected products and personal items. No need to reorder or worry about running out of your favorite acne-fighting formulas.", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-holding-box-personal-belongings-about-leave-office-after-quitting-job_93675-134529.jpg?_wi=2", imageAlt: "Set & Forget"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Enjoy Exclusive Benefits",
|
||||
description: "Members get premium discounts (10-20% off), free shipping, priority customer support, and early access to new products.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-composition-with-businessman_23-2147900148.jpg?_wi=2",
|
||||
imageAlt: "Enjoy Exclusive Benefits",
|
||||
},
|
||||
title: "Enjoy Exclusive Benefits", description: "Members get premium discounts (10-20% off), free shipping, priority customer support, and early access to new products including personal skincare brands.", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-composition-with-businessman_23-2147900148.jpg?_wi=2", imageAlt: "Enjoy Exclusive Benefits"},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
@@ -162,35 +112,17 @@ export default function MembershipPage() {
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
title="What Members Are Saying"
|
||||
description="Hear from members who have transformed their skin with Acne Hub membership."
|
||||
description="Hear from members who have transformed their skin with Acne Hub membership and their personal skincare routines."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Mitchell",
|
||||
handle: "@sarahclearskin",
|
||||
testimonial: "After 3 months of the membership, my skin has completely transformed. The monthly shipments keep me consistent, and I love the discount!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-girl-posing-with-lily-flower_651396-1317.jpg?_wi=2",
|
||||
imageAlt: "Sarah Mitchell",
|
||||
},
|
||||
id: "1", name: "Sarah Mitchell", handle: "@sarahclearskin", testimonial: "After 3 months of the membership, my skin has completely transformed. The monthly shipments keep me consistent, and I love the discount!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-girl-posing-with-lily-flower_651396-1317.jpg?_wi=2", imageAlt: "Sarah Mitchell"},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Rodriguez",
|
||||
handle: "@jamesacnefree",
|
||||
testimonial: "Best investment in my skin. The bi-monthly plan is perfect for my routine, and the products actually work. Highly recommend!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-portrait-young-adult_23-2149390928.jpg?_wi=2",
|
||||
imageAlt: "James Rodriguez",
|
||||
},
|
||||
id: "2", name: "James Rodriguez", handle: "@jamesacnefree", testimonial: "Best investment in my skin. The bi-monthly plan is perfect for my routine, and the products actually work. Highly recommend!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-portrait-young-adult_23-2149390928.jpg?_wi=2", imageAlt: "James Rodriguez"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Chen",
|
||||
handle: "@emilyclearface",
|
||||
testimonial: "I've tried so many acne products. Acne Hub is the only one that delivered real results. The membership saves me money too!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skin-care-beauty-woman-beauty-woman-smiling-applying-cream-beauty-portrait-beautiful-asian-caucasian-female-model-isolated-white_1258-101730.jpg?_wi=2",
|
||||
imageAlt: "Emily Chen",
|
||||
},
|
||||
id: "3", name: "Emily Chen", handle: "@emilyclearface", testimonial: "I've tried so many acne products. Acne Hub is the only one that delivered real results. The membership saves me money too!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skin-care-beauty-woman-beauty-woman-smiling-applying-cream-beauty-portrait-beautiful-asian-caucasian-female-model-isolated-white_1258-101730.jpg?_wi=2", imageAlt: "Emily Chen"},
|
||||
]}
|
||||
showRating={true}
|
||||
animationType="slide-up"
|
||||
@@ -205,71 +137,43 @@ export default function MembershipPage() {
|
||||
logoText="Acne Hub"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "Products",
|
||||
href: "/#products",
|
||||
},
|
||||
label: "Products", href: "/#products"},
|
||||
{
|
||||
label: "Membership",
|
||||
href: "/membership",
|
||||
},
|
||||
label: "Membership", href: "/membership"},
|
||||
{
|
||||
label: "Bundle Deals",
|
||||
href: "/#products",
|
||||
},
|
||||
label: "Bundle Deals", href: "/#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "/about",
|
||||
},
|
||||
label: "Our Story", href: "/about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "/careers",
|
||||
},
|
||||
label: "Careers", href: "/careers"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact Us", href: "/contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/#faq",
|
||||
},
|
||||
label: "FAQ", href: "/#faq"},
|
||||
{
|
||||
label: "Shipping Info",
|
||||
href: "/shipping",
|
||||
},
|
||||
label: "Shipping Info", href: "/shipping"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "/privacy",
|
||||
},
|
||||
label: "Privacy Policy", href: "/privacy"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "/terms",
|
||||
},
|
||||
label: "Terms of Service", href: "/terms"},
|
||||
{
|
||||
label: "Return Policy",
|
||||
href: "/returns",
|
||||
},
|
||||
label: "Return Policy", href: "/returns"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -278,4 +182,4 @@ export default function MembershipPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
232
src/app/page.tsx
232
src/app/page.tsx
@@ -38,9 +38,7 @@ export default function HomePage() {
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Join Now",
|
||||
href: "/membership",
|
||||
}}
|
||||
text: "Join Now", href: "/membership"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -54,13 +52,9 @@ export default function HomePage() {
|
||||
tagIcon={Shield}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Products",
|
||||
href: "products",
|
||||
},
|
||||
text: "Explore Products", href: "products"},
|
||||
{
|
||||
text: "Start Membership",
|
||||
href: "/membership",
|
||||
},
|
||||
text: "Start Membership", href: "/membership"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-aloe-vera-with-beauty-tools-cosmetics_23-2148179521.jpg?_wi=1"
|
||||
imageAlt="Acne Hub premium skincare products collection"
|
||||
@@ -71,38 +65,17 @@ export default function HomePage() {
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
title="Our Acne-Fighting Formulas"
|
||||
description="Scientifically formulated products designed to target acne at the source. Each product is dermatologist-tested and clinically proven."
|
||||
description="Scientifically formulated products designed to target acne at the source. Each product is dermatologist-tested and clinically proven. You can also add your personal products to your routine here."
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Acne Hub",
|
||||
name: "Clarifying Facial Cleanser",
|
||||
price: "$24.99",
|
||||
rating: 5,
|
||||
reviewCount: "2.3k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-bathrobe-opening-lipstick_114579-27500.jpg?_wi=1",
|
||||
imageAlt: "Clarifying Facial Cleanser",
|
||||
},
|
||||
id: "1", brand: "Acne Hub", name: "Clarifying Facial Cleanser", price: "$24.99", rating: 5,
|
||||
reviewCount: "2.3k", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-bathrobe-opening-lipstick_114579-27500.jpg?_wi=1", imageAlt: "Clarifying Facial Cleanser"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Acne Hub",
|
||||
name: "Acne Control Serum",
|
||||
price: "$34.99",
|
||||
rating: 5,
|
||||
reviewCount: "1.9k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-serum_23-2148888235.jpg?_wi=1",
|
||||
imageAlt: "Acne Control Serum",
|
||||
},
|
||||
id: "2", brand: "Acne Hub", name: "Acne Control Serum", price: "$34.99", rating: 5,
|
||||
reviewCount: "1.9k", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-serum_23-2148888235.jpg?_wi=1", imageAlt: "Acne Control Serum"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Acne Hub",
|
||||
name: "Overnight Spot Treatment",
|
||||
price: "$19.99",
|
||||
rating: 5,
|
||||
reviewCount: "3.1k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-her-headband-massaging-her-hands_23-2148641434.jpg?_wi=1",
|
||||
imageAlt: "Overnight Spot Treatment",
|
||||
},
|
||||
id: "3", brand: "Acne Hub", name: "Overnight Spot Treatment", price: "$19.99", rating: 5,
|
||||
reviewCount: "3.1k", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-her-headband-massaging-her-hands_23-2148641434.jpg?_wi=1", imageAlt: "Overnight Spot Treatment"},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
@@ -121,32 +94,16 @@ export default function HomePage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Browse & Select",
|
||||
description: "Choose your preferred product or bundle, then select your ideal shipment frequency: monthly, bi-monthly, or quarterly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-view-woman-using-phone-about-products-table_197531-32375.jpg?_wi=1",
|
||||
imageAlt: "Browse & Select",
|
||||
},
|
||||
title: "Browse & Select", description: "Choose your preferred product or bundle, then select your ideal shipment frequency: monthly, bi-monthly, or quarterly.", imageSrc: "http://img.b2bpic.net/free-photo/full-view-woman-using-phone-about-products-table_197531-32375.jpg?_wi=1", imageAlt: "Browse & Select"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Set & Forget",
|
||||
description: "Your membership automatically ships on schedule. No need to reorder or worry about running out of your favorite acne-fighting formulas.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-holding-box-personal-belongings-about-leave-office-after-quitting-job_93675-134529.jpg?_wi=1",
|
||||
imageAlt: "Set & Forget",
|
||||
},
|
||||
title: "Set & Forget", description: "Your membership automatically ships on schedule. No need to reorder or worry about running out of your favorite acne-fighting formulas.", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-holding-box-personal-belongings-about-leave-office-after-quitting-job_93675-134529.jpg?_wi=1", imageAlt: "Set & Forget"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Enjoy Exclusive Benefits",
|
||||
description: "Members get premium discounts (10-20% off), free shipping, priority customer support, and early access to new products.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-composition-with-businessman_23-2147900148.jpg?_wi=1",
|
||||
imageAlt: "Enjoy Exclusive Benefits",
|
||||
},
|
||||
title: "Enjoy Exclusive Benefits", description: "Members get premium discounts (10-20% off), free shipping, priority customer support, and early access to new products.", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-composition-with-businessman_23-2147900148.jpg?_wi=1", imageAlt: "Enjoy Exclusive Benefits"},
|
||||
{
|
||||
id: 4,
|
||||
title: "Pause or Modify Anytime",
|
||||
description: "Need to pause your shipment or switch products? Manage your membership easily through your account dashboard.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface_23-2148621095.jpg",
|
||||
imageAlt: "Pause or Modify Anytime",
|
||||
},
|
||||
title: "Pause or Modify Anytime", description: "Need to pause your shipment or switch products? Manage your membership easily through your account dashboard.", imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface_23-2148621095.jpg", imageAlt: "Pause or Modify Anytime"},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
@@ -162,59 +119,23 @@ export default function HomePage() {
|
||||
tagIcon={Star}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Mitchell",
|
||||
handle: "@sarahclearskin",
|
||||
testimonial: "After 3 months of the membership, my skin has completely transformed. The monthly shipments keep me consistent, and I love the discount!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-girl-posing-with-lily-flower_651396-1317.jpg?_wi=1",
|
||||
imageAlt: "Sarah Mitchell",
|
||||
},
|
||||
id: "1", name: "Sarah Mitchell", handle: "@sarahclearskin", testimonial: "After 3 months of the membership, my skin has completely transformed. The monthly shipments keep me consistent, and I love the discount!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-girl-posing-with-lily-flower_651396-1317.jpg?_wi=1", imageAlt: "Sarah Mitchell"},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Rodriguez",
|
||||
handle: "@jamesacnefree",
|
||||
testimonial: "Best investment in my skin. The bi-monthly plan is perfect for my routine, and the products actually work. Highly recommend!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-portrait-young-adult_23-2149390928.jpg?_wi=1",
|
||||
imageAlt: "James Rodriguez",
|
||||
},
|
||||
id: "2", name: "James Rodriguez", handle: "@jamesacnefree", testimonial: "Best investment in my skin. The bi-monthly plan is perfect for my routine, and the products actually work. Highly recommend!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-portrait-young-adult_23-2149390928.jpg?_wi=1", imageAlt: "James Rodriguez"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Chen",
|
||||
handle: "@emilyclearface",
|
||||
testimonial: "I've tried so many acne products. Acne Hub is the only one that delivered real results. The membership saves me money too!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skin-care-beauty-woman-beauty-woman-smiling-applying-cream-beauty-portrait-beautiful-asian-caucasian-female-model-isolated-white_1258-101730.jpg?_wi=1",
|
||||
imageAlt: "Emily Chen",
|
||||
},
|
||||
id: "3", name: "Emily Chen", handle: "@emilyclearface", testimonial: "I've tried so many acne products. Acne Hub is the only one that delivered real results. The membership saves me money too!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skin-care-beauty-woman-beauty-woman-smiling-applying-cream-beauty-portrait-beautiful-asian-caucasian-female-model-isolated-white_1258-101730.jpg?_wi=1", imageAlt: "Emily Chen"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Thompson",
|
||||
handle: "@davidskinclear",
|
||||
testimonial: "The 3-month plan is perfect. I get exactly what I need on schedule, and the customer service is outstanding. Worth every penny!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3551.jpg",
|
||||
imageAlt: "David Thompson",
|
||||
},
|
||||
id: "4", name: "David Thompson", handle: "@davidskinclear", testimonial: "The 3-month plan is perfect. I get exactly what I need on schedule, and the customer service is outstanding. Worth every penny!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3551.jpg", imageAlt: "David Thompson"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Wong",
|
||||
handle: "@jessicaacnefighter",
|
||||
testimonial: "Finally found a brand that understands acne-prone skin. The membership flexibility is amazing, and results speak for themselves.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-posing_23-2149457558.jpg",
|
||||
imageAlt: "Jessica Wong",
|
||||
},
|
||||
id: "5", name: "Jessica Wong", handle: "@jessicaacnefighter", testimonial: "Finally found a brand that understands acne-prone skin. The membership flexibility is amazing, and results speak for themselves.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-posing_23-2149457558.jpg", imageAlt: "Jessica Wong"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Marcus Johnson",
|
||||
handle: "@marcusclearskin",
|
||||
testimonial: "As someone who struggled with acne for years, this membership changed my life. The auto-shipment feature is genius!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-businessman-working-office-use-phone_1157-33708.jpg",
|
||||
imageAlt: "Marcus Johnson",
|
||||
},
|
||||
id: "6", name: "Marcus Johnson", handle: "@marcusclearskin", testimonial: "As someone who struggled with acne for years, this membership changed my life. The auto-shipment feature is genius!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-businessman-working-office-use-phone_1157-33708.jpg", imageAlt: "Marcus Johnson"},
|
||||
]}
|
||||
showRating={true}
|
||||
animationType="slide-up"
|
||||
@@ -231,14 +152,7 @@ export default function HomePage() {
|
||||
tag="Partners"
|
||||
tagIcon={Award}
|
||||
names={[
|
||||
"Dermatology Today",
|
||||
"Skincare Institute",
|
||||
"Clear Skin Clinic",
|
||||
"Beauty Health Pro",
|
||||
"Acne Research Lab",
|
||||
"Skin Wellness Center",
|
||||
"Professional Aesthetics",
|
||||
]}
|
||||
"Dermatology Today", "Skincare Institute", "Clear Skin Clinic", "Beauty Health Pro", "Acne Research Lab", "Skin Wellness Center", "Professional Aesthetics"]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
speed={35}
|
||||
@@ -255,35 +169,17 @@ export default function HomePage() {
|
||||
tagIcon={HelpCircle}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do I cancel my membership?",
|
||||
content: "You can cancel anytime through your account dashboard with no penalties or hidden fees. We offer a 30-day money-back guarantee on your first order.",
|
||||
},
|
||||
id: "1", title: "How do I cancel my membership?", content: "You can cancel anytime through your account dashboard with no penalties or hidden fees. We offer a 30-day money-back guarantee on your first order."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can I change my shipment frequency?",
|
||||
content: "Absolutely! You can switch between monthly, bi-monthly, or quarterly shipments at any time. Changes take effect on your next scheduled order.",
|
||||
},
|
||||
id: "2", title: "Can I change my shipment frequency?", content: "Absolutely! You can switch between monthly, bi-monthly, or quarterly shipments at any time. Changes take effect on your next scheduled order."},
|
||||
{
|
||||
id: "3",
|
||||
title: "What products are included in each plan?",
|
||||
content: "Monthly: Any single product. Bi-monthly: Any single product or 2-product combo. Quarterly: 2 products or our full 3-product routine bundle.",
|
||||
},
|
||||
id: "3", title: "What products are included in each plan?", content: "Monthly: Any single product. Bi-monthly: Any single product or 2-product combo. Quarterly: 2 products or our full 3-product routine bundle."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Are the products suitable for all skin types?",
|
||||
content: "Our formulas are designed for acne-prone skin and tested on multiple skin types. We recommend consulting our skincare guide or contacting support for personalized recommendations.",
|
||||
},
|
||||
id: "4", title: "Are the products suitable for all skin types?", content: "Our formulas are designed for acne-prone skin and tested on multiple skin types. We recommend consulting our skincare guide or contacting support for personalized recommendations."},
|
||||
{
|
||||
id: "5",
|
||||
title: "How long do results typically take?",
|
||||
content: "Most customers see visible improvements within 4-6 weeks of consistent use. For best results, continue using the recommended routine from our skincare guide.",
|
||||
},
|
||||
id: "5", title: "How long do results typically take?", content: "Most customers see visible improvements within 4-6 weeks of consistent use. For best results, continue using the recommended routine from our skincare guide."},
|
||||
{
|
||||
id: "6",
|
||||
title: "Do you offer international shipping?",
|
||||
content: "Currently, we ship to all US states and Canada. International shipping is coming soon. Contact us for more details or to join our waitlist.",
|
||||
},
|
||||
id: "6", title: "Do you offer international shipping?", content: "Currently, we ship to all US states and Canada. International shipping is coming soon. Contact us for more details or to join our waitlist."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-beautiful-woman-happy-fit-girl-sportswear-laughing_1153-7827.jpg?_wi=1"
|
||||
imageAlt="Woman with clear, healthy skin"
|
||||
@@ -301,71 +197,43 @@ export default function HomePage() {
|
||||
logoText="Acne Hub"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "Products",
|
||||
href: "/#products",
|
||||
},
|
||||
label: "Products", href: "/#products"},
|
||||
{
|
||||
label: "Membership",
|
||||
href: "/membership",
|
||||
},
|
||||
label: "Membership", href: "/membership"},
|
||||
{
|
||||
label: "Bundle Deals",
|
||||
href: "/#products",
|
||||
},
|
||||
label: "Bundle Deals", href: "/#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "/about",
|
||||
},
|
||||
label: "Our Story", href: "/about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "/careers",
|
||||
},
|
||||
label: "Careers", href: "/careers"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact Us", href: "/contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "/#faq",
|
||||
},
|
||||
label: "FAQ", href: "/#faq"},
|
||||
{
|
||||
label: "Shipping Info",
|
||||
href: "/shipping",
|
||||
},
|
||||
label: "Shipping Info", href: "/shipping"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "/privacy",
|
||||
},
|
||||
label: "Privacy Policy", href: "/privacy"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "/terms",
|
||||
},
|
||||
label: "Terms of Service", href: "/terms"},
|
||||
{
|
||||
label: "Return Policy",
|
||||
href: "/returns",
|
||||
},
|
||||
label: "Return Policy", href: "/returns"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -374,4 +242,4 @@ export default function HomePage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -19,35 +19,31 @@ const ProductsPage = () => {
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{ label: "Products", href: "/products" },
|
||||
{ label: "Membership", href: "/" },
|
||||
{ label: "Membership", href: "/membership" },
|
||||
{ label: "Bundle Deals", href: "/products" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Our Story", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Our Story", href: "/about" },
|
||||
{ label: "Careers", href: "/careers" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{ label: "Contact Us", href: "#" },
|
||||
{ label: "FAQ", href: "/" },
|
||||
{ label: "Shipping Info", href: "#" },
|
||||
title: "Support", items: [
|
||||
{ label: "Contact Us", href: "/contact" },
|
||||
{ label: "FAQ", href: "/#faq" },
|
||||
{ label: "Shipping Info", href: "/shipping" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Return Policy", href: "#" },
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "/privacy" },
|
||||
{ label: "Terms of Service", href: "/terms" },
|
||||
{ label: "Return Policy", href: "/returns" },
|
||||
],
|
||||
},
|
||||
];
|
||||
@@ -69,9 +65,7 @@ const ProductsPage = () => {
|
||||
<NavbarStyleCentered
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Join Now",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Join Now", href: "/membership"}}
|
||||
brandName="Acne Hub"
|
||||
/>
|
||||
</div>
|
||||
@@ -79,12 +73,12 @@ const ProductsPage = () => {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
title="Complete Acne Care Product Line"
|
||||
description="Browse our full collection of dermatologist-approved acne treatment products. Each formula is scientifically designed to target different acne concerns."
|
||||
description="Browse our full collection of dermatologist-approved acne treatment products. Each formula is scientifically designed to target different acne concerns. You can also add your personal products to customize your routine."
|
||||
background={{ variant: "plain" }}
|
||||
tag="Premium Collection"
|
||||
tagIcon={ShoppingBag}
|
||||
buttons={[
|
||||
{ text: "Start Membership", href: "/" },
|
||||
{ text: "Start Membership", href: "/membership" },
|
||||
{ text: "Shop Now", href: "#products" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-aloe-vera-with-beauty-tools-cosmetics_23-2148179521.jpg?_wi=2"
|
||||
@@ -95,68 +89,26 @@ const ProductsPage = () => {
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
title="Our Complete Product Range"
|
||||
description="Discover scientifically formulated solutions for every step of your acne care journey. Mix and match to create your perfect routine."
|
||||
description="Discover scientifically formulated solutions for every step of your acne care journey. Mix and match with your personal products to create your perfect routine."
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Acne Hub",
|
||||
name: "Clarifying Facial Cleanser",
|
||||
price: "$24.99",
|
||||
rating: 5,
|
||||
reviewCount: "2.3k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-bathrobe-opening-lipstick_114579-27500.jpg?_wi=2",
|
||||
imageAlt: "facial cleanser acne control skincare bottle",
|
||||
},
|
||||
id: "1", brand: "Acne Hub", name: "Clarifying Facial Cleanser", price: "$24.99", rating: 5,
|
||||
reviewCount: "2.3k", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-bathrobe-opening-lipstick_114579-27500.jpg?_wi=2", imageAlt: "facial cleanser acne control skincare bottle"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Acne Hub",
|
||||
name: "Acne Control Serum",
|
||||
price: "$34.99",
|
||||
rating: 5,
|
||||
reviewCount: "1.9k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-serum_23-2148888235.jpg?_wi=2",
|
||||
imageAlt: "acne control serum skincare treatment bottle",
|
||||
},
|
||||
id: "2", brand: "Acne Hub", name: "Acne Control Serum", price: "$34.99", rating: 5,
|
||||
reviewCount: "1.9k", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-serum_23-2148888235.jpg?_wi=2", imageAlt: "acne control serum skincare treatment bottle"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Acne Hub",
|
||||
name: "Overnight Spot Treatment",
|
||||
price: "$19.99",
|
||||
rating: 5,
|
||||
reviewCount: "3.1k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-her-headband-massaging-her-hands_23-2148641434.jpg?_wi=2",
|
||||
imageAlt: "overnight spot treatment acne repair cream",
|
||||
},
|
||||
id: "3", brand: "Acne Hub", name: "Overnight Spot Treatment", price: "$19.99", rating: 5,
|
||||
reviewCount: "3.1k", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-her-headband-massaging-her-hands_23-2148641434.jpg?_wi=2", imageAlt: "overnight spot treatment acne repair cream"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Acne Hub",
|
||||
name: "Balancing Moisturizer",
|
||||
price: "$29.99",
|
||||
rating: 5,
|
||||
reviewCount: "1.8k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-bathrobe-opening-lipstick_114579-27500.jpg?_wi=3",
|
||||
imageAlt: "lightweight moisturizer acne prone skin",
|
||||
},
|
||||
id: "4", brand: "Acne Hub", name: "Balancing Moisturizer", price: "$29.99", rating: 5,
|
||||
reviewCount: "1.8k", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-bathrobe-opening-lipstick_114579-27500.jpg?_wi=3", imageAlt: "lightweight moisturizer acne prone skin"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Acne Hub",
|
||||
name: "Gentle Exfoliating Scrub",
|
||||
price: "$22.99",
|
||||
rating: 5,
|
||||
reviewCount: "1.5k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-serum_23-2148888235.jpg?_wi=3",
|
||||
imageAlt: "exfoliating scrub acne treatment product",
|
||||
},
|
||||
id: "5", brand: "Acne Hub", name: "Gentle Exfoliating Scrub", price: "$22.99", rating: 5,
|
||||
reviewCount: "1.5k", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-serum_23-2148888235.jpg?_wi=3", imageAlt: "exfoliating scrub acne treatment product"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Acne Hub",
|
||||
name: "Complete Routine Bundle",
|
||||
price: "$99.99",
|
||||
rating: 5,
|
||||
reviewCount: "2.7k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-her-headband-massaging-her-hands_23-2148641434.jpg?_wi=3",
|
||||
imageAlt: "complete acne care bundle all products",
|
||||
},
|
||||
id: "6", brand: "Acne Hub", name: "Complete Routine Bundle", price: "$99.99", rating: 5,
|
||||
reviewCount: "2.7k", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-her-headband-massaging-her-hands_23-2148641434.jpg?_wi=3", imageAlt: "complete acne care bundle all products"},
|
||||
]}
|
||||
gridVariant="bento-grid"
|
||||
animationType="slide-up"
|
||||
@@ -168,11 +120,11 @@ const ProductsPage = () => {
|
||||
<div id="cta" data-section="cta">
|
||||
<HeroBillboard
|
||||
title="Join Thousands with Clear Skin"
|
||||
description="Subscribe to our membership and get consistent, convenient access to all our products with exclusive member discounts and free shipping."
|
||||
description="Subscribe to our membership and get consistent, convenient access to all our products with exclusive member discounts and free shipping. Add your personal favorites to your custom routine."
|
||||
background={{ variant: "plain" }}
|
||||
buttons={[
|
||||
{ text: "Start Membership Today", href: "/" },
|
||||
{ text: "Learn More", href: "/" },
|
||||
{ text: "Start Membership Today", href: "/membership" },
|
||||
{ text: "Learn More", href: "/membership" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -188,4 +140,4 @@ const ProductsPage = () => {
|
||||
);
|
||||
};
|
||||
|
||||
export default ProductsPage;
|
||||
export default ProductsPage;
|
||||
|
||||
Reference in New Issue
Block a user