163 lines
7.7 KiB
TypeScript
163 lines
7.7 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
|
import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
|
|
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
|
|
import ContactText from "@/components/sections/contact/ContactText";
|
|
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
|
import { BookOpen } from "lucide-react";
|
|
|
|
export default function GuidesPage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Products", id: "/products" },
|
|
{ name: "Reviews", id: "/reviews" },
|
|
{ name: "Guides", id: "/guides" },
|
|
{ name: "Blog", id: "/blog" },
|
|
{ name: "Contact", id: "/contact" },
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
title: "Discover", items: [
|
|
{ label: "Product Reviews", href: "/reviews" },
|
|
{ label: "Beauty Guides", href: "/guides" },
|
|
{ label: "Blog Articles", href: "/blog" },
|
|
{ label: "Latest Trends", href: "/blog" },
|
|
],
|
|
},
|
|
{
|
|
title: "Categories", items: [
|
|
{ label: "Skincare", href: "#" },
|
|
{ label: "Makeup", href: "#" },
|
|
{ label: "Lip Care", href: "#" },
|
|
{ label: "Budget Finds", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#" },
|
|
{ label: "Contact", href: "/contact" },
|
|
{ label: "Advertise", href: "#" },
|
|
{ label: "Affiliate Program", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Disclosure", href: "#" },
|
|
{ label: "Cookie Policy", href: "#" },
|
|
],
|
|
},
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="Aura Hub Finds"
|
|
navItems={navItems}
|
|
button={{
|
|
text: "Shop Now", href: "/products"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="guides" data-section="guides">
|
|
<FeatureCardEight
|
|
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"},
|
|
{
|
|
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"},
|
|
{
|
|
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="Beauty Guides & Tutorials"
|
|
description="Step-by-step guides to perfect your skincare routine, master makeup techniques, and discover affordable beauty solutions."
|
|
tag="How-To"
|
|
tagIcon={BookOpen}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{
|
|
text: "View All Guides", href: "/guides"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<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: "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: "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: "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."
|
|
textPosition="left"
|
|
useInvertedBackground={false}
|
|
animationType="smooth"
|
|
faqsAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
text: "Ask Us a Question", href: "/contact"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
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"}}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{
|
|
text: "Get in Touch", href: "/contact"},
|
|
{
|
|
text: "Subscribe for Updates", href: "#"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={footerColumns}
|
|
bottomLeftText="© 2025 Aura Hub Finds. All rights reserved."
|
|
bottomRightText="Curated with love for beauty lovers"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|