254 lines
16 KiB
TypeScript
254 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
|
import HeroCentered from "@/components/sections/hero/HeroCentered";
|
|
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
|
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
|
import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
|
|
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
|
|
import BlogCardTwo from "@/components/sections/blog/BlogCardTwo";
|
|
import ContactText from "@/components/sections/contact/ContactText";
|
|
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
|
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" },
|
|
];
|
|
|
|
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="hero" data-section="hero">
|
|
<HeroCentered
|
|
title="Discover Your Beauty Essentials"
|
|
description="Trusted reviews, tutorials, and curated shopping guides to help you find the best skincare, makeup, and beauty products for your unique needs."
|
|
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/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"},
|
|
]}
|
|
avatarText="Trusted by 10,000+ beauty lovers"
|
|
buttons={[
|
|
{ text: "Explore Reviews", href: "/reviews" },
|
|
{ text: "Browse Guides", href: "/guides" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardFour
|
|
title="Featured Beauty Finds"
|
|
description="Our curated selection of the best beauty products that deliver results. Handpicked for quality and effectiveness."
|
|
tag="Top Picks"
|
|
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=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: "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: "/products" }]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
tag="Our Mission"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
title="Empowering Women Through Beauty Discovery"
|
|
description="Sarah Chen, Founder"
|
|
subdescription="Beauty & Wellness Expert"
|
|
icon={Star}
|
|
imageSrc="http://img.b2bpic.net/free-photo/what-have-you-got-me_329181-15365.jpg"
|
|
imageAlt="Beauty expert showcasing trusted skincare products"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</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=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"},
|
|
{
|
|
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="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="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="Loved by Beauty Enthusiasts"
|
|
description="Real reviews from women who've transformed their beauty routines with our trusted recommendations."
|
|
tag="Testimonials"
|
|
tagIcon={Quote}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
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: "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: "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: "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"
|
|
/>
|
|
</div>
|
|
|
|
<div id="blog" data-section="blog">
|
|
<BlogCardTwo
|
|
title="Beauty Insights & Tips"
|
|
description="Expert articles on skincare trends, makeup techniques, product reviews, and beauty hacks to enhance your routine."
|
|
tag="Blog"
|
|
tagIcon={BookMarked}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
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: "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: "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" }]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to discover your next favorite beauty product? Get personalized recommendations, submit product requests, or share your feedback with our community."
|
|
animationType="entrance-slide"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Get in Touch", href: "#" },
|
|
{ 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>
|
|
);
|
|
}
|