Update src/app/guides/page.tsx

This commit is contained in:
2026-03-12 13:38:33 +00:00
parent 8a69c47281
commit fe58f81b0a

View File

@@ -11,17 +11,16 @@ import { BookOpen } from "lucide-react";
export default function GuidesPage() {
const navItems = [
{ name: "Home", id: "home" },
{ name: "Reviews", id: "reviews" },
{ name: "Guides", id: "guides" },
{ name: "Blog", id: "blog" },
{ name: "Contact", id: "contact" },
{ name: "Home", id: "/" },
{ name: "Reviews", id: "/reviews" },
{ name: "Guides", id: "/guides" },
{ name: "Blog", id: "/blog" },
{ name: "Contact", id: "/contact" },
];
const footerColumns = [
{
title: "Discover",
items: [
title: "Discover", items: [
{ label: "Product Reviews", href: "/reviews" },
{ label: "Beauty Guides", href: "/guides" },
{ label: "Blog Articles", href: "/blog" },
@@ -29,8 +28,7 @@ export default function GuidesPage() {
],
},
{
title: "Categories",
items: [
title: "Categories", items: [
{ label: "Skincare", href: "#" },
{ label: "Makeup", href: "#" },
{ label: "Lip Care", href: "#" },
@@ -38,17 +36,15 @@ export default function GuidesPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "#" },
{ label: "Contact", href: "/" },
{ label: "Contact", href: "/contact" },
{ label: "Advertise", href: "#" },
{ label: "Affiliate Program", href: "#" },
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Disclosure", href: "#" },
@@ -75,9 +71,7 @@ export default function GuidesPage() {
brandName="Aura Hub Finds"
navItems={navItems}
button={{
text: "Shop Now",
href: "/",
}}
text: "Shop Now", href: "/reviews"}}
/>
</div>
@@ -86,25 +80,13 @@ export default function GuidesPage() {
features={[
{
id: 1,
title: "Skincare Essentials",
description: "Build a personalized skincare routine with our expert-recommended products and step-by-step application guide.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-self-care-treatment-home_23-2148974292.jpg?_wi=2",
imageAlt: "skincare routine step by step infographic",
},
title: "Skincare Essentials", description: "Build a personalized skincare routine with our expert-recommended products and step-by-step application guide.", imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-self-care-treatment-home_23-2148974292.jpg?_wi=2", imageAlt: "skincare routine step by step infographic"},
{
id: 2,
title: "Makeup Mastery",
description: "Learn professional makeup techniques from beginner to advanced with our detailed tutorials and product recommendations.",
imageSrc: "http://img.b2bpic.net/free-photo/professional-cosmetologist-working-client_23-2148398515.jpg?_wi=2",
imageAlt: "makeup tutorial application brushes technique",
},
title: "Makeup Mastery", description: "Learn professional makeup techniques from beginner to advanced with our detailed tutorials and product recommendations.", imageSrc: "http://img.b2bpic.net/free-photo/professional-cosmetologist-working-client_23-2148398515.jpg?_wi=2", imageAlt: "makeup tutorial application brushes technique"},
{
id: 3,
title: "Lip Care Secrets",
description: "Discover the best lip care products and routines to keep your lips healthy, soft, and beautiful year-round.",
imageSrc: "http://img.b2bpic.net/free-photo/beauty-concept-close-up-portrait-attractive-caucasian-girl-with-beauty-natural-skin-isolated-pink-background-with-copy-space_1258-1110.jpg?_wi=2",
imageAlt: "lip care treatment beauty routine close-up",
},
title: "Lip Care Secrets", description: "Discover the best lip care products and routines to keep your lips healthy, soft, and beautiful year-round.", imageSrc: "http://img.b2bpic.net/free-photo/beauty-concept-close-up-portrait-attractive-caucasian-girl-with-beauty-natural-skin-isolated-pink-background-with-copy-space_1258-1110.jpg?_wi=2", imageAlt: "lip care treatment beauty routine close-up"},
]}
title="Beauty Guides & Tutorials"
description="Step-by-step guides to perfect your skincare routine, master makeup techniques, and discover affordable beauty solutions."
@@ -115,9 +97,7 @@ export default function GuidesPage() {
useInvertedBackground={false}
buttons={[
{
text: "View All Guides",
href: "/guides",
},
text: "View All Guides", href: "/guides"},
]}
buttonAnimation="slide-up"
/>
@@ -127,35 +107,17 @@ export default function GuidesPage() {
<FaqSplitText
faqs={[
{
id: "1",
title: "Are the product reviews unbiased?",
content: "Yes, our reviews are based on honest testing and real user experiences. We disclose affiliate partnerships transparently and never let them influence our recommendations. Our goal is to help you make informed decisions.",
},
id: "1", title: "Are the product reviews unbiased?", content: "Yes, our reviews are based on honest testing and real user experiences. We disclose affiliate partnerships transparently and never let them influence our recommendations. Our goal is to help you make informed decisions."},
{
id: "2",
title: "Do you offer free shipping on recommended products?",
content: "Shipping depends on the retailer and product. When you click our affiliate links, you'll see the actual shipping costs before purchase. We recommend comparing options to find the best deal for you.",
},
id: "2", title: "Do you offer free shipping on recommended products?", content: "Shipping depends on the retailer and product. When you click our affiliate links, you'll see the actual shipping costs before purchase. We recommend comparing options to find the best deal for you."},
{
id: "3",
title: "How do you select products to review?",
content: "We select products based on popularity, user requests, ingredient quality, and value. We test a variety of price points to ensure recommendations for all budgets, from affordable to luxury options.",
},
id: "3", title: "How do you select products to review?", content: "We select products based on popularity, user requests, ingredient quality, and value. We test a variety of price points to ensure recommendations for all budgets, from affordable to luxury options."},
{
id: "4",
title: "Can I request a product review?",
content: "Absolutely! We love hearing from our community. You can submit product review requests through our contact form. We'll add popular requests to our review queue.",
},
id: "4", title: "Can I request a product review?", content: "Absolutely! We love hearing from our community. You can submit product review requests through our contact form. We'll add popular requests to our review queue."},
{
id: "5",
title: "How often are reviews updated?",
content: "We update reviews regularly as new products launch and formulations change. Product recommendations are current as of the date listed on each review. Subscribe to our newsletter for updates on new reviews.",
},
id: "5", title: "How often are reviews updated?", content: "We update reviews regularly as new products launch and formulations change. Product recommendations are current as of the date listed on each review. Subscribe to our newsletter for updates on new reviews."},
{
id: "6",
title: "What if I have sensitive skin?",
content: "We include ingredient breakdowns and sensitivity notes in our reviews. Filter by skin type or specific concerns to find products suited to your needs. Always do a patch test before full application.",
},
id: "6", title: "What if I have sensitive skin?", content: "We include ingredient breakdowns and sensitivity notes in our reviews. Filter by skin type or specific concerns to find products suited to your needs. Always do a patch test before full application."},
]}
sideTitle="Frequently Asked Questions"
sideDescription="Find answers to common questions about our beauty guides, skincare routines, and makeup techniques."
@@ -165,9 +127,7 @@ export default function GuidesPage() {
faqsAnimation="slide-up"
buttons={[
{
text: "Ask Us a Question",
href: "/",
},
text: "Ask Us a Question", href: "/contact"},
]}
buttonAnimation="slide-up"
/>
@@ -178,18 +138,13 @@ export default function GuidesPage() {
text="Ready to master your beauty routine? Get personalized guide recommendations, submit beauty questions, or share your feedback with our community."
animationType="entrance-slide"
background={{
variant: "plain",
}}
variant: "plain"}}
useInvertedBackground={false}
buttons={[
{
text: "Get in Touch",
href: "/",
},
text: "Get in Touch", href: "/contact"},
{
text: "Subscribe for Updates",
href: "/",
},
text: "Subscribe for Updates", href: "#"},
]}
/>
</div>