Compare commits
13 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| a2055cf1e1 | |||
| 9d1a5cab58 | |||
| b77adbf507 | |||
| 6babac9a83 | |||
| 326b6ae7d2 | |||
| 2b952680a2 | |||
| 0ea9f86295 | |||
| bfba65dd42 | |||
| 22f6988d9c | |||
| 9eeb85fd5a | |||
| fe58f81b0a | |||
| 8a69c47281 | |||
| 151bffa121 |
@@ -11,17 +11,17 @@ import { BookMarked } from "lucide-react";
|
||||
|
||||
export default function BlogPage() {
|
||||
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: "Products", id: "/products" },
|
||||
{ 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 +29,7 @@ export default function BlogPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Categories",
|
||||
items: [
|
||||
title: "Categories", items: [
|
||||
{ label: "Skincare", href: "#" },
|
||||
{ label: "Makeup", href: "#" },
|
||||
{ label: "Lip Care", href: "#" },
|
||||
@@ -38,17 +37,15 @@ export default function BlogPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
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 +72,7 @@ export default function BlogPage() {
|
||||
brandName="Aura Hub Finds"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "/",
|
||||
}}
|
||||
text: "Shop Now", href: "/products"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -85,49 +80,17 @@ export default function BlogPage() {
|
||||
<BlogCardTwo
|
||||
blogs={[
|
||||
{
|
||||
id: "1",
|
||||
category: ["Skincare", "Guides"],
|
||||
title: "Best Lip Balms for Dry Lips: A Complete Review",
|
||||
excerpt: "Discover the top lip care products that hydrate and nourish even the driest lips. We tested and reviewed 15 products to find the best options.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teenage-girl-lifestyle-concept_23-2148093923.jpg?_wi=2",
|
||||
imageAlt: "lip care article blog post photography",
|
||||
authorName: "Sarah Chen",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/side-view-beautiful-woman-with-folded-arms-looking-camera_23-2147876783.jpg",
|
||||
date: "January 20, 2025",
|
||||
},
|
||||
id: "1", category: ["Skincare", "Guides"],
|
||||
title: "Best Lip Balms for Dry Lips: A Complete Review", excerpt: "Discover the top lip care products that hydrate and nourish even the driest lips. We tested and reviewed 15 products to find the best options.", imageSrc: "http://img.b2bpic.net/free-photo/teenage-girl-lifestyle-concept_23-2148093923.jpg?_wi=2", imageAlt: "lip care article blog post photography", authorName: "Sarah Chen", authorAvatar: "http://img.b2bpic.net/free-photo/side-view-beautiful-woman-with-folded-arms-looking-camera_23-2147876783.jpg", date: "January 20, 2025"},
|
||||
{
|
||||
id: "2",
|
||||
category: ["Makeup", "Trends"],
|
||||
title: "Top 10 Skincare Products for Glowing Skin",
|
||||
excerpt: "Transform your skincare routine with our curated list of the best products for achieving that coveted radiant, glowing complexion.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blank-spiral-notepad-with-earrings-nail-varnish-bottle-lipstick-roses-coffee-cup-marble-background_23-2147940376.jpg?_wi=2",
|
||||
imageAlt: "skincare guide article blog post image",
|
||||
authorName: "Emma Thompson",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/smiley-woman-posing-her-home_23-2148708980.jpg",
|
||||
date: "January 18, 2025",
|
||||
},
|
||||
id: "2", category: ["Makeup", "Trends"],
|
||||
title: "Top 10 Skincare Products for Glowing Skin", excerpt: "Transform your skincare routine with our curated list of the best products for achieving that coveted radiant, glowing complexion.", imageSrc: "http://img.b2bpic.net/free-photo/blank-spiral-notepad-with-earrings-nail-varnish-bottle-lipstick-roses-coffee-cup-marble-background_23-2147940376.jpg?_wi=2", imageAlt: "skincare guide article blog post image", authorName: "Emma Thompson", authorAvatar: "http://img.b2bpic.net/free-photo/smiley-woman-posing-her-home_23-2148708980.jpg", date: "January 18, 2025"},
|
||||
{
|
||||
id: "3",
|
||||
category: ["Makeup", "Budget"],
|
||||
title: "Best Budget-Friendly Makeup Products That Don't Look Cheap",
|
||||
excerpt: "Achieve a high-end look without the high-end price tag. Here are affordable makeup products that deliver professional results.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shocked-beautiful-girl-sits-table-with-makeup-tools-looking-phone-holding-makeup-brush-isolated-orange-wall_141793-70236.jpg?_wi=2",
|
||||
imageAlt: "makeup trends 2024 beauty blog photography",
|
||||
authorName: "Jessica Miller",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/close-up-inside-portrait-romantic-pretty-girl-with-blond-hairstyle-is-sitting-near-window-smiling_291650-2077.jpg",
|
||||
date: "January 15, 2025",
|
||||
},
|
||||
id: "3", category: ["Makeup", "Budget"],
|
||||
title: "Best Budget-Friendly Makeup Products That Don't Look Cheap", excerpt: "Achieve a high-end look without the high-end price tag. Here are affordable makeup products that deliver professional results.", imageSrc: "http://img.b2bpic.net/free-photo/shocked-beautiful-girl-sits-table-with-makeup-tools-looking-phone-holding-makeup-brush-isolated-orange-wall_141793-70236.jpg?_wi=2", imageAlt: "makeup trends 2024 beauty blog photography", authorName: "Jessica Miller", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-inside-portrait-romantic-pretty-girl-with-blond-hairstyle-is-sitting-near-window-smiling_291650-2077.jpg", date: "January 15, 2025"},
|
||||
{
|
||||
id: "4",
|
||||
category: ["Skincare", "Reviews"],
|
||||
title: "Honest Product Review: Top Trending Beauty Finds 2025",
|
||||
excerpt: "We review the most talked-about beauty products of the moment. Pros, cons, and whether they're worth the investment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149346509.jpg?_wi=2",
|
||||
imageAlt: "product review blog article beauty image",
|
||||
authorName: "Rachel Davis",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",
|
||||
date: "January 12, 2025",
|
||||
},
|
||||
id: "4", category: ["Skincare", "Reviews"],
|
||||
title: "Honest Product Review: Top Trending Beauty Finds 2025", excerpt: "We review the most talked-about beauty products of the moment. Pros, cons, and whether they're worth the investment.", imageSrc: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149346509.jpg?_wi=2", imageAlt: "product review blog article beauty image", authorName: "Rachel Davis", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg", date: "January 12, 2025"},
|
||||
]}
|
||||
title="Beauty Insights & Tips"
|
||||
description="Expert articles on skincare trends, makeup techniques, product reviews, and beauty hacks to enhance your routine."
|
||||
@@ -140,9 +103,7 @@ export default function BlogPage() {
|
||||
carouselMode="buttons"
|
||||
buttons={[
|
||||
{
|
||||
text: "Read More Articles",
|
||||
href: "/blog",
|
||||
},
|
||||
text: "Read More Articles", href: "/blog"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -152,35 +113,17 @@ export default function BlogPage() {
|
||||
<FaqSplitText
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How often do you publish new articles?",
|
||||
content: "We publish new beauty articles and product reviews twice a week. Subscribe to our newsletter to stay updated on the latest content and exclusive beauty tips.",
|
||||
},
|
||||
id: "1", title: "How often do you publish new articles?", content: "We publish new beauty articles and product reviews twice a week. Subscribe to our newsletter to stay updated on the latest content and exclusive beauty tips."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can I share articles on social media?",
|
||||
content: "Absolutely! Feel free to share any of our articles on your social media. We'd love if you tag us so we can see how our community is sharing beauty knowledge.",
|
||||
},
|
||||
id: "2", title: "Can I share articles on social media?", content: "Absolutely! Feel free to share any of our articles on your social media. We'd love if you tag us so we can see how our community is sharing beauty knowledge."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Are article recommendations sponsored?",
|
||||
content: "We're transparent about partnerships. If an article contains affiliate links or sponsored content, it will be clearly marked. Our reviews are always honest and unbiased.",
|
||||
},
|
||||
id: "3", title: "Are article recommendations sponsored?", content: "We're transparent about partnerships. If an article contains affiliate links or sponsored content, it will be clearly marked. Our reviews are always honest and unbiased."},
|
||||
{
|
||||
id: "4",
|
||||
title: "How can I suggest a topic for an article?",
|
||||
content: "We love topic suggestions! You can submit ideas through our contact page or comment on our blog posts. We read every suggestion and feature the most popular ones.",
|
||||
},
|
||||
id: "4", title: "How can I suggest a topic for an article?", content: "We love topic suggestions! You can submit ideas through our contact page or comment on our blog posts. We read every suggestion and feature the most popular ones."},
|
||||
{
|
||||
id: "5",
|
||||
title: "Do you accept guest writers?",
|
||||
content: "Yes! We welcome guest contributions from beauty experts and enthusiasts. Please reach out through our contact form with your pitch and writing samples.",
|
||||
},
|
||||
id: "5", title: "Do you accept guest writers?", content: "Yes! We welcome guest contributions from beauty experts and enthusiasts. Please reach out through our contact form with your pitch and writing samples."},
|
||||
{
|
||||
id: "6",
|
||||
title: "Can I download or print articles?",
|
||||
content: "You can print articles for personal use. For commercial use or reprinting, please contact us for permission. We appreciate credit back to our site.",
|
||||
},
|
||||
id: "6", title: "Can I download or print articles?", content: "You can print articles for personal use. For commercial use or reprinting, please contact us for permission. We appreciate credit back to our site."},
|
||||
]}
|
||||
sideTitle="Blog FAQ"
|
||||
sideDescription="Common questions about our articles, recommendations, and content policies."
|
||||
@@ -190,9 +133,7 @@ export default function BlogPage() {
|
||||
faqsAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "/",
|
||||
},
|
||||
text: "Contact Us", href: "/contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -203,18 +144,13 @@ export default function BlogPage() {
|
||||
text="Found a product we should review? Have a beauty question for our experts? Reach out and let's connect with the 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>
|
||||
@@ -228,4 +164,4 @@ export default function BlogPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -8,17 +8,17 @@ import Link from "next/link";
|
||||
|
||||
export default function ContactPage() {
|
||||
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: "Products", id: "/products" },
|
||||
{ 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" },
|
||||
@@ -26,8 +26,7 @@ export default function ContactPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Categories",
|
||||
items: [
|
||||
title: "Categories", items: [
|
||||
{ label: "Skincare", href: "#" },
|
||||
{ label: "Makeup", href: "#" },
|
||||
{ label: "Lip Care", href: "#" },
|
||||
@@ -35,8 +34,7 @@ export default function ContactPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "Advertise", href: "#" },
|
||||
@@ -44,8 +42,7 @@ export default function ContactPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Disclosure", href: "#" },
|
||||
@@ -97,4 +94,4 @@ export default function ContactPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -11,17 +11,17 @@ 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: "Products", id: "/products" },
|
||||
{ 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 +29,7 @@ export default function GuidesPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Categories",
|
||||
items: [
|
||||
title: "Categories", items: [
|
||||
{ label: "Skincare", href: "#" },
|
||||
{ label: "Makeup", href: "#" },
|
||||
{ label: "Lip Care", href: "#" },
|
||||
@@ -38,17 +37,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 +72,7 @@ export default function GuidesPage() {
|
||||
brandName="Aura Hub Finds"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "/",
|
||||
}}
|
||||
text: "Shop Now", href: "/products"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -86,25 +81,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 +98,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 +108,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 +128,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 +139,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>
|
||||
@@ -203,4 +159,4 @@ export default function GuidesPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
186
src/app/page.tsx
186
src/app/page.tsx
@@ -16,25 +16,24 @@ import { Sparkles, Heart, Star, BookOpen, Quote, BookMarked } from "lucide-react
|
||||
export default function HomePage() {
|
||||
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" },
|
||||
{ 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" },
|
||||
{ label: "Latest Trends", href: "blog" },
|
||||
{ label: "Beauty Guides", href: "/guides" },
|
||||
{ label: "Blog Articles", href: "/blog" },
|
||||
{ label: "Latest Trends", href: "/blog" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Categories",
|
||||
items: [
|
||||
title: "Categories", items: [
|
||||
{ label: "Skincare", href: "#" },
|
||||
{ label: "Makeup", href: "#" },
|
||||
{ label: "Lip Care", href: "#" },
|
||||
@@ -42,17 +41,15 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Contact", href: "contact" },
|
||||
{ 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: "#" },
|
||||
@@ -77,7 +74,7 @@ export default function HomePage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={navItems}
|
||||
button={{ text: "Shop Now", href: "/reviews" }}
|
||||
button={{ text: "Shop Now", href: "/products" }}
|
||||
brandName="Aura Hub Finds"
|
||||
/>
|
||||
</div>
|
||||
@@ -89,22 +86,16 @@ export default function HomePage() {
|
||||
background={{ variant: "plain" }}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-beautiful-woman-with-folded-arms-looking-camera_23-2147876783.jpg",
|
||||
alt: "Beauty enthusiast 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-beautiful-woman-with-folded-arms-looking-camera_23-2147876783.jpg", alt: "Beauty enthusiast 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-inside-portrait-romantic-pretty-girl-with-blond-hairstyle-is-sitting-near-window-smiling_291650-2077.jpg",
|
||||
alt: "Beauty enthusiast 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-inside-portrait-romantic-pretty-girl-with-blond-hairstyle-is-sitting-near-window-smiling_291650-2077.jpg", alt: "Beauty enthusiast 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-posing-her-home_23-2148708980.jpg",
|
||||
alt: "Beauty enthusiast 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-posing-her-home_23-2148708980.jpg", alt: "Beauty enthusiast 3"},
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ beauty lovers"
|
||||
buttons={[
|
||||
{ text: "Explore Reviews", href: "/reviews" },
|
||||
{ text: "Browse Guides", href: "guides" },
|
||||
{ text: "Browse Guides", href: "/guides" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -123,34 +114,16 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Hydrating Facial Serum",
|
||||
price: "$45.99",
|
||||
variant: "Moisturizing Vitamin C",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-natural-cosmetics-concept_23-2148578622.jpg?_wi=1",
|
||||
imageAlt: "Luxury hydrating facial serum with golden packaging",
|
||||
isFavorited: false,
|
||||
id: "1", name: "Hydrating Facial Serum", price: "$45.99", variant: "Moisturizing Vitamin C", imageSrc: "http://img.b2bpic.net/free-photo/top-view-natural-cosmetics-concept_23-2148578622.jpg?_wi=1", imageAlt: "Luxury hydrating facial serum with golden packaging", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Nourishing Face Mask",
|
||||
price: "$38.50",
|
||||
variant: "Detox Sheet Mask",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/natural-cosmetics-concept_23-2148565322.jpg?_wi=1",
|
||||
imageAlt: "Premium nourishing face mask in elegant jar",
|
||||
isFavorited: false,
|
||||
id: "2", name: "Nourishing Face Mask", price: "$38.50", variant: "Detox Sheet Mask", imageSrc: "http://img.b2bpic.net/free-photo/natural-cosmetics-concept_23-2148565322.jpg?_wi=1", imageAlt: "Premium nourishing face mask in elegant jar", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Eyeshadow Palette Pro",
|
||||
price: "$52.00",
|
||||
variant: "Warm Tones 12 Colors",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skincare-essentials-towel-mirrored-tray_23-2152029120.jpg?_wi=1",
|
||||
imageAlt: "Professional eyeshadow palette with rich warm tones",
|
||||
isFavorited: false,
|
||||
id: "3", name: "Eyeshadow Palette Pro", price: "$52.00", variant: "Warm Tones 12 Colors", imageSrc: "http://img.b2bpic.net/free-photo/skincare-essentials-towel-mirrored-tray_23-2152029120.jpg?_wi=1", imageAlt: "Professional eyeshadow palette with rich warm tones", isFavorited: false,
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Shop All Products", href: "/reviews" }]}
|
||||
buttons={[{ text: "Shop All Products", href: "/products" }]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -176,22 +149,13 @@ export default function HomePage() {
|
||||
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=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=1"},
|
||||
{
|
||||
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=1",
|
||||
},
|
||||
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=1"},
|
||||
{
|
||||
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=1",
|
||||
},
|
||||
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=1"},
|
||||
]}
|
||||
title="Beauty Guides & Tutorials"
|
||||
description="Step-by-step guides to perfect your skincare routine, master makeup techniques, and discover affordable beauty solutions."
|
||||
@@ -200,7 +164,7 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "View All Guides", href: "guides" }]}
|
||||
buttons={[{ text: "View All Guides", href: "/guides" }]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -217,53 +181,17 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jessica Miller",
|
||||
handle: "@beautylover_jess",
|
||||
testimonial: "Aura Hub Finds helped me discover skincare products that actually work for my sensitive skin. The honest reviews saved me so much money!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-beautiful-woman-with-folded-arms-looking-camera_23-2147876783.jpg",
|
||||
imageAlt: "Jessica Miller testimonial",
|
||||
},
|
||||
id: "1", name: "Jessica Miller", handle: "@beautylover_jess", testimonial: "Aura Hub Finds helped me discover skincare products that actually work for my sensitive skin. The honest reviews saved me so much money!", imageSrc: "http://img.b2bpic.net/free-photo/side-view-beautiful-woman-with-folded-arms-looking-camera_23-2147876783.jpg", imageAlt: "Jessica Miller testimonial"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Amanda Rodriguez",
|
||||
handle: "@glowwithamy",
|
||||
testimonial: "The makeup tutorials on this site are incredible. I went from makeup beginner to confident with the step-by-step guidance. Highly recommend!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-inside-portrait-romantic-pretty-girl-with-blond-hairstyle-is-sitting-near-window-smiling_291650-2077.jpg",
|
||||
imageAlt: "Amanda Rodriguez testimonial",
|
||||
},
|
||||
id: "2", name: "Amanda Rodriguez", handle: "@glowwithamy", testimonial: "The makeup tutorials on this site are incredible. I went from makeup beginner to confident with the step-by-step guidance. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-inside-portrait-romantic-pretty-girl-with-blond-hairstyle-is-sitting-near-window-smiling_291650-2077.jpg", imageAlt: "Amanda Rodriguez testimonial"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emma Thompson",
|
||||
handle: "@skincare.journey",
|
||||
testimonial: "I love that the reviews include real pros and cons. No fluff, just honest recommendations. My skin has never looked better!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-posing-her-home_23-2148708980.jpg",
|
||||
imageAlt: "Emma Thompson testimonial",
|
||||
},
|
||||
id: "3", name: "Emma Thompson", handle: "@skincare.journey", testimonial: "I love that the reviews include real pros and cons. No fluff, just honest recommendations. My skin has never looked better!", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-posing-her-home_23-2148708980.jpg", imageAlt: "Emma Thompson testimonial"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sophie Chen",
|
||||
handle: "@beautyaddict_s",
|
||||
testimonial: "The curated shopping guides make it so easy to find affordable beauty products without compromising on quality. A game-changer!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-young-woman-looking-camera_1301-6926.jpg",
|
||||
imageAlt: "Sophie Chen testimonial",
|
||||
},
|
||||
id: "4", name: "Sophie Chen", handle: "@beautyaddict_s", testimonial: "The curated shopping guides make it so easy to find affordable beauty products without compromising on quality. A game-changer!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-young-woman-looking-camera_1301-6926.jpg", imageAlt: "Sophie Chen testimonial"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lauren Mitchell",
|
||||
handle: "@beauty.essentials",
|
||||
testimonial: "I trust Aura Hub Finds recommendations because they're based on real experience and research. The affiliate links make shopping convenient too!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-outdoor_624325-1441.jpg",
|
||||
imageAlt: "Lauren Mitchell testimonial",
|
||||
},
|
||||
id: "5", name: "Lauren Mitchell", handle: "@beauty.essentials", testimonial: "I trust Aura Hub Finds recommendations because they're based on real experience and research. The affiliate links make shopping convenient too!", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-outdoor_624325-1441.jpg", imageAlt: "Lauren Mitchell testimonial"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Rachel Davis",
|
||||
handle: "@glowing.skin",
|
||||
testimonial: "Best beauty resource I've found online. The product comparisons help me make informed decisions. Worth every minute spent exploring!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",
|
||||
imageAlt: "Rachel Davis testimonial",
|
||||
},
|
||||
id: "6", name: "Rachel Davis", handle: "@glowing.skin", testimonial: "Best beauty resource I've found online. The product comparisons help me make informed decisions. Worth every minute spent exploring!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg", imageAlt: "Rachel Davis testimonial"},
|
||||
]}
|
||||
speed={40}
|
||||
topMarqueeDirection="left"
|
||||
@@ -282,52 +210,20 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
blogs={[
|
||||
{
|
||||
id: "1",
|
||||
category: ["Skincare", "Guides"],
|
||||
title: "Best Lip Balms for Dry Lips: A Complete Review",
|
||||
excerpt: "Discover the top lip care products that hydrate and nourish even the driest lips. We tested and reviewed 15 products to find the best options.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teenage-girl-lifestyle-concept_23-2148093923.jpg?_wi=1",
|
||||
imageAlt: "Lip care products collection review",
|
||||
authorName: "Sarah Chen",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/side-view-beautiful-woman-with-folded-arms-looking-camera_23-2147876783.jpg",
|
||||
date: "January 20, 2025",
|
||||
},
|
||||
id: "1", category: ["Skincare", "Guides"],
|
||||
title: "Best Lip Balms for Dry Lips: A Complete Review", excerpt: "Discover the top lip care products that hydrate and nourish even the driest lips. We tested and reviewed 15 products to find the best options.", imageSrc: "http://img.b2bpic.net/free-photo/teenage-girl-lifestyle-concept_23-2148093923.jpg?_wi=1", imageAlt: "Lip care products collection review", authorName: "Sarah Chen", authorAvatar: "http://img.b2bpic.net/free-photo/side-view-beautiful-woman-with-folded-arms-looking-camera_23-2147876783.jpg", date: "January 20, 2025"},
|
||||
{
|
||||
id: "2",
|
||||
category: ["Makeup", "Trends"],
|
||||
title: "Top 10 Skincare Products for Glowing Skin",
|
||||
excerpt: "Transform your skincare routine with our curated list of the best products for achieving that coveted radiant, glowing complexion.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blank-spiral-notepad-with-earrings-nail-varnish-bottle-lipstick-roses-coffee-cup-marble-background_23-2147940376.jpg?_wi=1",
|
||||
imageAlt: "Skincare products for glowing skin",
|
||||
authorName: "Emma Thompson",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/smiley-woman-posing-her-home_23-2148708980.jpg",
|
||||
date: "January 18, 2025",
|
||||
},
|
||||
id: "2", category: ["Makeup", "Trends"],
|
||||
title: "Top 10 Skincare Products for Glowing Skin", excerpt: "Transform your skincare routine with our curated list of the best products for achieving that coveted radiant, glowing complexion.", imageSrc: "http://img.b2bpic.net/free-photo/blank-spiral-notepad-with-earrings-nail-varnish-bottle-lipstick-roses-coffee-cup-marble-background_23-2147940376.jpg?_wi=1", imageAlt: "Skincare products for glowing skin", authorName: "Emma Thompson", authorAvatar: "http://img.b2bpic.net/free-photo/smiley-woman-posing-her-home_23-2148708980.jpg", date: "January 18, 2025"},
|
||||
{
|
||||
id: "3",
|
||||
category: ["Makeup", "Budget"],
|
||||
title: "Best Budget-Friendly Makeup Products That Don't Look Cheap",
|
||||
excerpt: "Achieve a high-end look without the high-end price tag. Here are affordable makeup products that deliver professional results.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shocked-beautiful-girl-sits-table-with-makeup-tools-looking-phone-holding-makeup-brush-isolated-orange-wall_141793-70236.jpg?_wi=1",
|
||||
imageAlt: "Affordable makeup collection",
|
||||
authorName: "Jessica Miller",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/close-up-inside-portrait-romantic-pretty-girl-with-blond-hairstyle-is-sitting-near-window-smiling_291650-2077.jpg",
|
||||
date: "January 15, 2025",
|
||||
},
|
||||
id: "3", category: ["Makeup", "Budget"],
|
||||
title: "Best Budget-Friendly Makeup Products That Don't Look Cheap", excerpt: "Achieve a high-end look without the high-end price tag. Here are affordable makeup products that deliver professional results.", imageSrc: "http://img.b2bpic.net/free-photo/shocked-beautiful-girl-sits-table-with-makeup-tools-looking-phone-holding-makeup-brush-isolated-orange-wall_141793-70236.jpg?_wi=1", imageAlt: "Affordable makeup collection", authorName: "Jessica Miller", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-inside-portrait-romantic-pretty-girl-with-blond-hairstyle-is-sitting-near-window-smiling_291650-2077.jpg", date: "January 15, 2025"},
|
||||
{
|
||||
id: "4",
|
||||
category: ["Skincare", "Reviews"],
|
||||
title: "Honest Product Review: Top Trending Beauty Finds 2025",
|
||||
excerpt: "We review the most talked-about beauty products of the moment. Pros, cons, and whether they're worth the investment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149346509.jpg?_wi=1",
|
||||
imageAlt: "Featured product reviews",
|
||||
authorName: "Rachel Davis",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",
|
||||
date: "January 12, 2025",
|
||||
},
|
||||
id: "4", category: ["Skincare", "Reviews"],
|
||||
title: "Honest Product Review: Top Trending Beauty Finds 2025", excerpt: "We review the most talked-about beauty products of the moment. Pros, cons, and whether they're worth the investment.", imageSrc: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149346509.jpg?_wi=1", imageAlt: "Featured product reviews", authorName: "Rachel Davis", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg", date: "January 12, 2025"},
|
||||
]}
|
||||
carouselMode="buttons"
|
||||
buttons={[{ text: "Read More Articles", href: "blog" }]}
|
||||
buttons={[{ text: "Read More Articles", href: "/blog" }]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -354,4 +250,4 @@ export default function HomePage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
135
src/app/products/page.tsx
Normal file
135
src/app/products/page.tsx
Normal file
@@ -0,0 +1,135 @@
|
||||
"use client";
|
||||
|
||||
import Link from "next/link";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
import { Sparkles } from "lucide-react";
|
||||
|
||||
export default function ProductsPage() {
|
||||
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
|
||||
navItems={navItems}
|
||||
button={{ text: "Shop Now", href: "/products" }}
|
||||
brandName="Aura Hub Finds"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
title="Complete Product Collection"
|
||||
description="Explore our full range of premium beauty products carefully selected for quality, effectiveness, and value. Discover skincare essentials, makeup must-haves, and specialized treatments."
|
||||
tag="All Products"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Hydrating Facial Serum", price: "$45.99", variant: "Moisturizing Vitamin C", imageSrc: "http://img.b2bpic.net/free-photo/top-view-natural-cosmetics-concept_23-2148578622.jpg?_wi=2", imageAlt: "Luxury hydrating facial serum with golden packaging", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "2", name: "Nourishing Face Mask", price: "$38.50", variant: "Detox Sheet Mask", imageSrc: "http://img.b2bpic.net/free-photo/natural-cosmetics-concept_23-2148565322.jpg?_wi=2", imageAlt: "Premium nourishing face mask in elegant jar", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "3", name: "Eyeshadow Palette Pro", price: "$52.00", variant: "Warm Tones 12 Colors", imageSrc: "http://img.b2bpic.net/free-photo/skincare-essentials-towel-mirrored-tray_23-2152029120.jpg?_wi=2", imageAlt: "Professional eyeshadow palette with rich warm tones", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "4", name: "Advanced Anti-Aging Cream", price: "$62.00", variant: "Night Retinol Complex", imageSrc: "http://img.b2bpic.net/free-photo/top-view-natural-cosmetics-concept_23-2148578622.jpg?_wi=2", imageAlt: "Premium anti-aging night cream in glass jar", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "5", name: "Luminous Highlighter Stick", price: "$32.00", variant: "Golden Glow Long-wear", imageSrc: "http://img.b2bpic.net/free-photo/natural-cosmetics-concept_23-2148565322.jpg?_wi=2", imageAlt: "Radiant highlighter stick with shimmering finish", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "6", name: "Lip Tint Duo Set", price: "$28.00", variant: "Rose Coral Vegan", imageSrc: "http://img.b2bpic.net/free-photo/skincare-essentials-towel-mirrored-tray_23-2152029120.jpg?_wi=2", imageAlt: "Vegan lip tint duo with natural rosy hues", isFavorited: false,
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "View All Products", href: "/products" }]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Looking for a specific product? Can't find what you need? Let us know! We're always adding new beauty finds to our collection based on customer requests."
|
||||
animationType="entrance-slide"
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Request a Product", href: "#" },
|
||||
{ text: "Share Your Feedback", 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>
|
||||
);
|
||||
}
|
||||
@@ -12,25 +12,24 @@ import { Sparkles } from "lucide-react";
|
||||
export default function ReviewsPage() {
|
||||
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" },
|
||||
{ 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" },
|
||||
{ label: "Latest Trends", href: "blog" },
|
||||
{ label: "Beauty Guides", href: "/guides" },
|
||||
{ label: "Blog Articles", href: "/blog" },
|
||||
{ label: "Latest Trends", href: "/blog" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Categories",
|
||||
items: [
|
||||
title: "Categories", items: [
|
||||
{ label: "Skincare", href: "#" },
|
||||
{ label: "Makeup", href: "#" },
|
||||
{ label: "Lip Care", href: "#" },
|
||||
@@ -38,17 +37,15 @@ export default function ReviewsPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Contact", href: "contact" },
|
||||
{ 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: "#" },
|
||||
@@ -73,7 +70,7 @@ export default function ReviewsPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={navItems}
|
||||
button={{ text: "Shop Now", href: "/reviews" }}
|
||||
button={{ text: "Shop Now", href: "/products" }}
|
||||
brandName="Aura Hub Finds"
|
||||
/>
|
||||
</div>
|
||||
@@ -85,21 +82,15 @@ export default function ReviewsPage() {
|
||||
background={{ variant: "plain" }}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-beautiful-woman-with-folded-arms-looking-camera_23-2147876783.jpg",
|
||||
alt: "Reviewer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-beautiful-woman-with-folded-arms-looking-camera_23-2147876783.jpg", alt: "Reviewer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-inside-portrait-romantic-pretty-girl-with-blond-hairstyle-is-sitting-near-window-smiling_291650-2077.jpg",
|
||||
alt: "Reviewer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-inside-portrait-romantic-pretty-girl-with-blond-hairstyle-is-sitting-near-window-smiling_291650-2077.jpg", alt: "Reviewer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-posing-her-home_23-2148708980.jpg",
|
||||
alt: "Reviewer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-posing-her-home_23-2148708980.jpg", alt: "Reviewer 3"},
|
||||
]}
|
||||
avatarText="Tested by 10,000+ beauty enthusiasts"
|
||||
buttons={[
|
||||
{ text: "Shop Top Picks", href: "#products" },
|
||||
{ text: "Shop Top Picks", href: "/products" },
|
||||
{ text: "Back to Home", href: "/" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
@@ -119,31 +110,13 @@ export default function ReviewsPage() {
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Hydrating Facial Serum",
|
||||
price: "$45.99",
|
||||
variant: "Moisturizing Vitamin C",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-natural-cosmetics-concept_23-2148578622.jpg?_wi=2",
|
||||
imageAlt: "Luxury hydrating facial serum with golden packaging",
|
||||
isFavorited: false,
|
||||
id: "1", name: "Hydrating Facial Serum", price: "$45.99", variant: "Moisturizing Vitamin C", imageSrc: "http://img.b2bpic.net/free-photo/top-view-natural-cosmetics-concept_23-2148578622.jpg?_wi=2", imageAlt: "Luxury hydrating facial serum with golden packaging", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Nourishing Face Mask",
|
||||
price: "$38.50",
|
||||
variant: "Detox Sheet Mask",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/natural-cosmetics-concept_23-2148565322.jpg?_wi=2",
|
||||
imageAlt: "Premium nourishing face mask in elegant jar",
|
||||
isFavorited: false,
|
||||
id: "2", name: "Nourishing Face Mask", price: "$38.50", variant: "Detox Sheet Mask", imageSrc: "http://img.b2bpic.net/free-photo/natural-cosmetics-concept_23-2148565322.jpg?_wi=2", imageAlt: "Premium nourishing face mask in elegant jar", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Eyeshadow Palette Pro",
|
||||
price: "$52.00",
|
||||
variant: "Warm Tones 12 Colors",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skincare-essentials-towel-mirrored-tray_23-2152029120.jpg?_wi=2",
|
||||
imageAlt: "Professional eyeshadow palette with rich warm tones",
|
||||
isFavorited: false,
|
||||
id: "3", name: "Eyeshadow Palette Pro", price: "$52.00", variant: "Warm Tones 12 Colors", imageSrc: "http://img.b2bpic.net/free-photo/skincare-essentials-towel-mirrored-tray_23-2152029120.jpg?_wi=2", imageAlt: "Professional eyeshadow palette with rich warm tones", isFavorited: false,
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Discover More", href: "/reviews" }]}
|
||||
@@ -173,4 +146,4 @@ export default function ReviewsPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #120a00e6;
|
||||
--primary-cta: #FF7B05;
|
||||
--background: #fffef9;
|
||||
--card: #faf8f2;
|
||||
--foreground: #2b1b0f;
|
||||
--primary-cta: #d4622f;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta: #faf8f2;
|
||||
--secondary-cta-text: #120a00e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #FF7B05;
|
||||
--accent: #e8d4c0;
|
||||
--background-accent: #d4622f;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user