Compare commits
27 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| a47a0c3b35 | |||
| 5599f7516d | |||
| 51dd7c429b | |||
| 47f8ca468f | |||
| 0bd0a95da4 | |||
| 82a1966d73 | |||
| e4c3df49dd | |||
| 68afccf438 | |||
| b7f789973e | |||
| c4e0d5d16a | |||
| 68affe776e | |||
| 9b47456760 | |||
| fc41963461 | |||
| 8d55049771 | |||
| 6d098d075e | |||
| 4b39e5bd23 | |||
| be4b6468eb | |||
| 94b3cbc6cd | |||
| 06ba0e1726 | |||
| f6183e0ca5 | |||
| 2c93ff4ae2 | |||
| 1f653a8f82 | |||
| 5077fa9226 | |||
| 9cc25868ef | |||
| 9dbc031ed3 | |||
| d397aa7679 | |||
| 224b2982f8 |
@@ -1,6 +1,6 @@
|
||||
"use client";
|
||||
|
||||
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
|
||||
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||||
@@ -8,32 +8,32 @@ import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatin
|
||||
const posts = [
|
||||
{
|
||||
id: '1',
|
||||
category: ['Skincare', 'Tips'],
|
||||
category: 'Skincare',
|
||||
title: '5 Tips for a Glowing Complexion',
|
||||
excerpt: 'Discover our top secrets to achieving radiant, healthy-looking skin that glows from within.',
|
||||
imageSrc: 'https://img.b2bpic.net/free-photo/minimal-assortment-beauty-products_23-2148961325.jpg',
|
||||
imageSrc: 'https://img.b2bpic.net/free-photo/hand-holding-bottle-beauty-product_23-2148496466.jpg',
|
||||
authorName: 'Lee Coral',
|
||||
authorAvatar: 'https://img.b2bpic.net/free-photo/studio-shot-sensual-woman-pink-suit_197531-16807.jpg',
|
||||
authorAvatar: 'https://img.b2bpic.net/free-photo/minimal-geometric-pattern-wall_23-2149673909.jpg',
|
||||
date: 'Oct 20, 2023',
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
category: ['Live Shows'],
|
||||
category: 'Live Shows',
|
||||
title: 'What to Expect in Our Next Live Show',
|
||||
excerpt: 'Get a sneak peek into the exclusive bundles and new drops featured in our upcoming live event.',
|
||||
imageSrc: 'https://img.b2bpic.net/free-photo/online-workshop-demontration-beauty-products_259150-60056.jpg?_wi=2',
|
||||
imageSrc: 'https://img.b2bpic.net/free-photo/hands-holding-various-cosmetics_23-2148496467.jpg',
|
||||
authorName: 'Ariel S.',
|
||||
authorAvatar: 'https://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg',
|
||||
authorAvatar: 'https://img.b2bpic.net/free-photo/minimal-geometric-pattern-wall_23-2149673909.jpg',
|
||||
date: 'Oct 15, 2023',
|
||||
},
|
||||
{
|
||||
id: '3',
|
||||
category: ['Cosmetics'],
|
||||
category: 'Cosmetics',
|
||||
title: 'The Ultimate Guide to Pro Cosmetics',
|
||||
excerpt: 'Learn how to use our professional cosmetic kits to create stunning looks for any occasion.',
|
||||
imageSrc: 'https://img.b2bpic.net/free-photo/foundation-bottles-advertising-arrangement_23-2149511243.jpg?_wi=2',
|
||||
imageSrc: 'https://img.b2bpic.net/free-photo/woman-holding-makeup-brush_23-2148496463.jpg',
|
||||
authorName: 'Glow Theory',
|
||||
authorAvatar: 'https://img.b2bpic.net/free-photo/minimal-assortment-beauty-products_23-2148961325.jpg',
|
||||
authorAvatar: 'https://img.b2bpic.net/free-photo/minimal-geometric-pattern-wall_23-2149673909.jpg',
|
||||
date: 'Oct 10, 2023',
|
||||
}
|
||||
];
|
||||
@@ -42,24 +42,25 @@ export default function BlogPage() {
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSmall"
|
||||
background="noise"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="medium"
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLarge"
|
||||
background="aurora"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Glow Theory"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "Support", id: "/support" }
|
||||
{ name: "Live Shows", id: "/#live-shows" },
|
||||
{ name: "Support", id: "/#contact-support" },
|
||||
{ name: "Privacy", id: "/privacy" }
|
||||
]}
|
||||
button={{ text: "Join Live", href: "/#live-shows" }}
|
||||
className="py-4 px-6 md:px-8"
|
||||
@@ -69,7 +70,7 @@ export default function BlogPage() {
|
||||
</div>
|
||||
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardTwo
|
||||
<BlogCardThree
|
||||
blogs={posts}
|
||||
title="Featured Articles"
|
||||
description="Explore our latest insights"
|
||||
@@ -82,7 +83,7 @@ export default function BlogPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Glow Theory"
|
||||
leftLink={{ text: "Customer Support", href: "/support" }}
|
||||
leftLink={{ text: "Customer Support", href: "/#contact-support" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "/privacy" }}
|
||||
className="bg-[--background] text-[--foreground] py-6 px-4"
|
||||
linkClassName="text-[--foreground] hover:text-[--primary-cta] transition-colors duration-200"
|
||||
@@ -91,4 +92,4 @@ export default function BlogPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -12,11 +12,13 @@ export const metadata: Metadata = {
|
||||
title: "Glow Theory - Premium Beauty Wholesale Live Selling", description: "Elevate your glow with Glow Theory, your Miami-based source for luxury beauty, skincare, fragrance, and cosmetic reseller bundles through live shows on Whatnot.", openGraph: {
|
||||
title: "Glow Theory - Premium Beauty Wholesale Live Selling", description: "Elevate your glow with Glow Theory, your Miami-based source for luxury beauty, skincare, fragrance, and cosmetic reseller bundles through live shows on Whatnot.", url: "https://glowtheory.com", siteName: "Glow Theory", images: [
|
||||
{
|
||||
url: "https://img.b2bpic.net/free-photo/minimal-assortment-beauty-products_23-2148961325.jpg", alt: "Glow Theory beauty products with a soft pink glow"}
|
||||
url: "https://img.b2bpic.net/free-photo/hands-holding-face-cream_23-2149544901.jpg", alt: "Glow Theory beauty products held in hands"
|
||||
}
|
||||
],
|
||||
type: "website"},
|
||||
type: "website"
|
||||
},
|
||||
twitter: {
|
||||
card: "summary_large_image", title: "Glow Theory - Premium Beauty Wholesale Live Selling", description: "Elevate your glow with Glow Theory, your Miami-based source for luxury beauty, skincare, fragrance, and cosmetic reseller bundles through live shows on Whatnot.", images: ["https://img.b2bpic.net/free-photo/minimal-assortment-beauty-products_23-2148961325.jpg"]
|
||||
card: "summary_large_image", title: "Glow Theory - Premium Beauty Wholesale Live Selling", description: "Elevate your glow with Glow Theory, your Miami-based source for luxury beauty, skincare, fragrance, and cosmetic reseller bundles through live shows on Whatnot.", images: ["https://img.b2bpic.net/free-photo/hands-holding-face-cream_23-2149544901.jpg"]
|
||||
}
|
||||
};
|
||||
|
||||
@@ -1404,4 +1406,4 @@ export default function RootLayout({
|
||||
</ServiceWrapper>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
}
|
||||
101
src/app/page.tsx
101
src/app/page.tsx
@@ -7,34 +7,32 @@ import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCa
|
||||
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import { CalendarCheck, Mail, MessageSquare, Sparkles, Timer, Tv } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSmall"
|
||||
background="noise"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="medium"
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLarge"
|
||||
background="aurora"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Glow Theory"
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Live Shows", id: "live-shows" },
|
||||
{ name: "Bundles", id: "bundles" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Support", id: "/support" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "Blog", id: "/blog" }
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Live Shows", id: "/#live-shows" },
|
||||
{ name: "Support", id: "/#contact-support" },
|
||||
{ name: "Privacy", id: "/privacy" }
|
||||
]}
|
||||
button={{ text: "Join Live", href: "#live-shows" }}
|
||||
className="py-4 px-6 md:px-8"
|
||||
@@ -47,12 +45,12 @@ export default function LandingPage() {
|
||||
<HeroBillboardGallery
|
||||
title="Glow Theory"
|
||||
description="Elevate Your Glow"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
buttons={[{ text: "Join Our Live Show", href: "https://www.whatnot.com/s/xeIJ5XNt" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/minimal-assortment-beauty-products_23-2148961325.jpg?_wi=1", imageAlt: "Beauty products with a soft pink glow" },
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/minimal-assortment-beauty-products_23-2148961325.jpg?_wi=2", imageAlt: "Beauty products with a soft pink glow" },
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/minimal-assortment-beauty-products_23-2148961325.jpg?_wi=3", imageAlt: "Beauty products with a soft pink glow" },
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/hands-holding-face-cream_23-2149544901.jpg?_wi=1", imageAlt: "Hand holding face cream" },
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/woman-holding-lipstick-concept_23-2148483750.jpg", imageAlt: "Hand holding lipstick" },
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/close-up-woman-holding-tube_23-2149021643.jpg", imageAlt: "Hand holding beauty tube" }
|
||||
]}
|
||||
mediaAnimation="opacity"
|
||||
buttonAnimation="opacity"
|
||||
@@ -72,8 +70,8 @@ export default function LandingPage() {
|
||||
description="Glow Theory is your premier Miami-based destination for beauty wholesale live-selling. We specialize in curating exquisite reseller bundles featuring top-tier skincare, fragrance, and cosmetics, alongside daily product drops. Our mission is to empower beauty entrepreneurs with access to the most coveted products in the market."
|
||||
subdescription="CEO: Lee Coral"
|
||||
icon={Sparkles}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/studio-shot-sensual-woman-pink-suit_197531-16807.jpg"
|
||||
imageAlt="Portrait of Lee Coral, CEO of Glow Theory"
|
||||
imageSrc="https://img.b2bpic.net/free-photo/hands-holding-face-cream_23-2149544901.jpg?_wi=2"
|
||||
imageAlt="Hand holding beauty product"
|
||||
mediaAnimation="opacity"
|
||||
useInvertedBackground={false}
|
||||
className="bg-[--background] text-[--foreground]"
|
||||
@@ -95,7 +93,8 @@ export default function LandingPage() {
|
||||
description="Experience the thrill of live selling with daily product drops and exclusive reseller bundles on Whatnot. Don't miss out on the best deals and the latest beauty trends!"
|
||||
features={[
|
||||
{ icon: CalendarCheck, title: "Upcoming Shows", description: "Stay updated with our schedule and never miss a live event for the freshest drops." },
|
||||
{ icon: Tv, title: "Watch Us Live", description: "Tune in now to catch our current live broadcast and snag exclusive beauty bundles." }, { icon: Timer, title: "Countdown Timer", description: "See exactly when our next exciting live show is about to begin!" },
|
||||
{ icon: Tv, title: "Watch Us Live", description: "Tune in now to catch our current live broadcast and snag exclusive beauty bundles." },
|
||||
{ icon: Timer, title: "Countdown Timer", description: "See exactly when our next exciting live show is about to begin!" }
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -115,9 +114,9 @@ export default function LandingPage() {
|
||||
title="Featured Bundles"
|
||||
description="Discover our curated selection of reseller beauty bundles, perfect for elevating your inventory. Available exclusively on our live shows!"
|
||||
products={[
|
||||
{ id: "bundle-1", brand: "Glow Theory", name: "Skincare Essentials Bundle", price: "Live Show Price", rating: 5, reviewCount: "1.2K", imageSrc: "https://img.b2bpic.net/free-photo/online-workshop-demontration-beauty-products_259150-60056.jpg?_wi=1", imageAlt: "Skincare Essentials Bundle" },
|
||||
{ id: "bundle-2", brand: "Glow Theory", name: "Fragrance Discovery Set", price: "Live Show Price", rating: 5, reviewCount: "890", imageSrc: "https://img.b2bpic.net/free-photo/close-up-variety-cosmetic-products-desk-isolated_574295-5284.jpg", imageAlt: "Fragrance Discovery Set" },
|
||||
{ id: "bundle-3", brand: "Glow Theory", name: "Cosmetic Pro Kit", price: "Live Show Price", rating: 5, reviewCount: "2.5K", imageSrc: "https://img.b2bpic.net/free-photo/foundation-bottles-advertising-arrangement_23-2149511243.jpg?_wi=1", imageAlt: "Cosmetic Pro Kit" },
|
||||
{ id: "bundle-1", brand: "Glow Theory", name: "Skincare Essentials Bundle", price: "Live Show Price", rating: 5, reviewCount: "1.2K", imageSrc: "https://img.b2bpic.net/free-photo/woman-holding-face-cream_23-2148496464.jpg", imageAlt: "Hand holding face cream" },
|
||||
{ id: "bundle-2", brand: "Glow Theory", name: "Fragrance Discovery Set", price: "Live Show Price", rating: 5, reviewCount: "890", imageSrc: "https://img.b2bpic.net/free-photo/hand-showing-perfume-bottle_23-2148496465.jpg", imageAlt: "Hand showing perfume bottle" },
|
||||
{ id: "bundle-3", brand: "Glow Theory", name: "Cosmetic Pro Kit", price: "Live Show Price", rating: 5, reviewCount: "2.5K", imageSrc: "https://img.b2bpic.net/free-photo/woman-holding-foundation-bottle_23-2148496468.jpg", imageAlt: "Hand holding foundation bottle" }
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
@@ -141,12 +140,12 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Ariel S., Reseller Queen"
|
||||
avatars={[
|
||||
{ src: "https://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg", alt: "Customer 1" },
|
||||
{ src: "https://img.b2bpic.net/free-photo/beautiful-young-woman-looking-camera-home_1301-4258.jpg", alt: "Customer 2" },
|
||||
{ src: "https://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg", alt: "Customer 3" },
|
||||
{ src: "https://img.b2bpic.net/free-photo/beautiful-young-woman-looking-camera-home_1301-4258.jpg", alt: "Customer 4" },
|
||||
{ src: "https://img.b2bpic.net/free-photo/beautiful-young-woman-looking-camera-home_1301-4258.jpg", alt: "Customer 5" },
|
||||
{ src: "https://img.b2bpic.net/free-photo/beautiful-young-woman-looking-camera-home_1301-4258.jpg", alt: "Customer 6" },
|
||||
{ src: "https://img.b2bpic.net/free-photo/minimal-geometric-pattern-wall_23-2149673909.jpg", alt: "Abstract avatar" },
|
||||
{ src: "https://img.b2bpic.net/free-photo/minimal-geometric-pattern-wall_23-2149673909.jpg", alt: "Abstract avatar" },
|
||||
{ src: "https://img.b2bpic.net/free-photo/minimal-geometric-pattern-wall_23-2149673909.jpg", alt: "Abstract avatar" },
|
||||
{ src: "https://img.b2bpic.net/free-photo/minimal-geometric-pattern-wall_23-2149673909.jpg", alt: "Abstract avatar" },
|
||||
{ src: "https://img.b2bpic.net/free-photo/minimal-geometric-pattern-wall_23-2149673909.jpg", alt: "Abstract avatar" },
|
||||
{ src: "https://img.b2bpic.net/free-photo/minimal-geometric-pattern-wall_23-2149673909.jpg", alt: "Abstract avatar" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -166,7 +165,7 @@ export default function LandingPage() {
|
||||
description="Never miss a live show again! Join our Glow Fam community for exclusive alerts on upcoming bundles and daily drops."
|
||||
features={[
|
||||
{ icon: Mail, title: "Email Signup", description: "Receive email alerts directly to your inbox for new shows and products." },
|
||||
{ icon: MessageSquare, title: "SMS Signup", description: "Get instant text notifications when we go live with exciting new bundles." },
|
||||
{ icon: MessageSquare, title: "SMS Signup", description: "Get instant text notifications when we go live with exciting new bundles." }
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -178,15 +177,43 @@ export default function LandingPage() {
|
||||
iconContainerClassName="!bg-[--primary-cta] !text-[--primary-cta-text] rounded-full p-4 shadow-md"
|
||||
cardTitleClassName="text-xl md:text-2xl font-semibold mt-4"
|
||||
cardDescriptionClassName="text-md md:text-lg font-light text-balance"
|
||||
buttons={[{ text: "Join The Glow Fam", href: "/support" }]}
|
||||
buttons={[{ text: "Join The Glow Fam", href: "#contact-support" }]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-support" data-section="contact-support">
|
||||
<ContactSplitForm
|
||||
title="Customer Support"
|
||||
description="Need help with your order, bundles, or live show purchases? Our support team is here to assist you.\n\nCall Us: 786-919-1243\nLocation: Miami, Florida"
|
||||
inputs={[
|
||||
{ name: "fullName", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "emailAddress", type: "email", placeholder: "Email Address", required: true },
|
||||
{ name: "orderNumber", type: "text", placeholder: "Order Number (Optional)", required: false }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Type your message...", rows: 5, required: true }}
|
||||
buttonText="Contact Support"
|
||||
imageSrc="https://img.b2bpic.net/free-photo/hands-holding-face-cream_23-2149544901.jpg?_wi=3"
|
||||
imageAlt="Hands holding beauty product for support"
|
||||
mediaAnimation="opacity"
|
||||
mediaPosition="right"
|
||||
useInvertedBackground={false}
|
||||
className="bg-[--background-accent] text-[--foreground]"
|
||||
formCardClassName="!bg-[--card] rounded-[--radius] shadow-lg p-8 md:p-12"
|
||||
titleClassName="text-4xl md:text-5xl lg:text-6xl font-thin tracking-wide"
|
||||
descriptionClassName="text-md md:text-lg font-light mt-4 mb-8 leading-relaxed"
|
||||
buttonClassName="min-w-[12rem] px-8 py-3 rounded-full shadow-lg !bg-[--primary-cta] !text-[--primary-cta-text] hover:!bg-[--primary-cta] hover:scale-105 transition-transform duration-300"
|
||||
buttonTextClassName="font-semibold"
|
||||
mediaWrapperClassName="rounded-[--radius] overflow-hidden"
|
||||
mediaClassName="object-cover h-full w-full"
|
||||
contentClassName="grid-cols-1 md:grid-cols-2 gap-8 md:gap-12"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Glow Theory"
|
||||
leftLink={{ text: "Customer Support", href: "/support" }}
|
||||
leftLink={{ text: "Customer Support", href: "/#contact-support" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "/privacy" }}
|
||||
className="bg-[--background] text-[--foreground] py-6 px-4"
|
||||
linkClassName="text-[--foreground] hover:text-[--primary-cta] transition-colors duration-200"
|
||||
@@ -195,4 +222,4 @@ export default function LandingPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -8,24 +8,25 @@ import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
export default function PrivacyPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSmall"
|
||||
background="noise"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="medium"
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLarge"
|
||||
background="aurora"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Glow Theory"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "Support", id: "/support" }
|
||||
{ name: "Live Shows", id: "/#live-shows" },
|
||||
{ name: "Support", id: "/#contact-support" },
|
||||
{ name: "Privacy", id: "/privacy" }
|
||||
]}
|
||||
button={{ text: "Join Live", href: "/#live-shows" }}
|
||||
className="py-4 px-6 md:px-8"
|
||||
@@ -60,11 +61,11 @@ export default function PrivacyPage() {
|
||||
]
|
||||
},
|
||||
{
|
||||
heading: "3. How We Use Your Information", content: [
|
||||
{
|
||||
type: "paragraph", text: "We use personal information collected via our website for a variety of business purposes described below. We process your personal information for these purposes in reliance on our legitimate business interests, in order to enter into or perform a contract with you, with your consent, and/or for compliance with our legal obligations."
|
||||
}
|
||||
]
|
||||
heading: "3. How We Use Your Information", content: [
|
||||
{
|
||||
type: "paragraph", text: "We use personal information collected via our website for a variety of business purposes described below. We process your personal information for these purposes in reliance on our legitimate business interests, in order to enter into or perform a contract with you, with your consent, and/or for compliance with our legal obligations."
|
||||
}
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -73,7 +74,7 @@ export default function PrivacyPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Glow Theory"
|
||||
leftLink={{ text: "Customer Support", href: "/support" }}
|
||||
leftLink={{ text: "Customer Support", href: "/#contact-support" }}
|
||||
rightLink={{ text: "Home", href: "/" }}
|
||||
className="bg-[--background] text-[--foreground] py-6 px-4"
|
||||
linkClassName="text-[--foreground] hover:text-[--primary-cta] transition-colors duration-200"
|
||||
@@ -82,4 +83,4 @@ export default function PrivacyPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -76,21 +76,26 @@ function ProductPageContent({ params }: ProductPageProps) {
|
||||
if (isLoading) {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSmall"
|
||||
background="noise"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="medium"
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLarge"
|
||||
background="aurora"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Glow Theory"
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }, { name: "Support", id: "/support" }]}
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Live Shows", id: "/#live-shows" },
|
||||
{ name: "Support", id: "/#contact-support" },
|
||||
{ name: "Privacy", id: "/privacy" }
|
||||
]}
|
||||
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
|
||||
className="py-4 px-6 md:px-8"
|
||||
buttonClassName="shadow-md !bg-[--primary-cta] !text-[--primary-cta-text]"
|
||||
@@ -105,7 +110,7 @@ function ProductPageContent({ params }: ProductPageProps) {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Glow Theory"
|
||||
leftLink={{ text: "Customer Support", href: "/support" }}
|
||||
leftLink={{ text: "Customer Support", href: "/#contact-support" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "/privacy" }}
|
||||
className="bg-[--background] text-[--foreground] py-6 px-4"
|
||||
linkClassName="text-[--foreground] hover:text-[--primary-cta] transition-colors duration-200"
|
||||
@@ -119,21 +124,26 @@ function ProductPageContent({ params }: ProductPageProps) {
|
||||
if (!product) {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSmall"
|
||||
background="noise"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="medium"
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLarge"
|
||||
background="aurora"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Glow Theory"
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }, { name: "Support", id: "/support" }]}
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Live Shows", id: "/#live-shows" },
|
||||
{ name: "Support", id: "/#contact-support" },
|
||||
{ name: "Privacy", id: "/privacy" }
|
||||
]}
|
||||
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
|
||||
className="py-4 px-6 md:px-8"
|
||||
buttonClassName="shadow-md !bg-[--primary-cta] !text-[--primary-cta-text]"
|
||||
@@ -156,7 +166,7 @@ function ProductPageContent({ params }: ProductPageProps) {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Glow Theory"
|
||||
leftLink={{ text: "Customer Support", href: "/support" }}
|
||||
leftLink={{ text: "Customer Support", href: "/#contact-support" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "/privacy" }}
|
||||
className="bg-[--background] text-[--foreground] py-6 px-4"
|
||||
linkClassName="text-[--foreground] hover:text-[--primary-cta] transition-colors duration-200"
|
||||
@@ -169,21 +179,26 @@ function ProductPageContent({ params }: ProductPageProps) {
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSmall"
|
||||
background="noise"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="medium"
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLarge"
|
||||
background="aurora"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Glow Theory"
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }, { name: "Support", id: "/support" }]}
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Live Shows", id: "/#live-shows" },
|
||||
{ name: "Support", id: "/#contact-support" },
|
||||
{ name: "Privacy", id: "/privacy" }
|
||||
]}
|
||||
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
|
||||
className="py-4 px-6 md:px-8"
|
||||
buttonClassName="shadow-md !bg-[--primary-cta] !text-[--primary-cta-text]"
|
||||
@@ -207,7 +222,7 @@ function ProductPageContent({ params }: ProductPageProps) {
|
||||
sku={meta.sku}
|
||||
buttons={[
|
||||
{ text: "Add To Cart", onClick: handleAddToCart },
|
||||
{ text: "Buy Now", onClick: handleBuyNow },
|
||||
{ text: "Buy Now", onClick: handleBuyNow }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -221,7 +236,7 @@ function ProductPageContent({ params }: ProductPageProps) {
|
||||
total={`$${cartTotal}`}
|
||||
buttons={[
|
||||
{
|
||||
text: isCheckoutLoading ? "Processing..." : "Check Out", onClick: handleCheckout,
|
||||
text: isCheckoutLoading ? "Processing..." : "Check Out", onClick: handleCheckout,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -229,7 +244,7 @@ function ProductPageContent({ params }: ProductPageProps) {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Glow Theory"
|
||||
leftLink={{ text: "Customer Support", href: "/support" }}
|
||||
leftLink={{ text: "Customer Support", href: "/#contact-support" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "/privacy" }}
|
||||
className="bg-[--background] text-[--foreground] py-6 px-4"
|
||||
linkClassName="text-[--foreground] hover:text-[--primary-cta] transition-colors duration-200"
|
||||
@@ -238,4 +253,4 @@ function ProductPageContent({ params }: ProductPageProps) {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -46,21 +46,26 @@ function ShopPageContent() {
|
||||
if (isLoading) {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSmall"
|
||||
background="noise"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="medium"
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLarge"
|
||||
background="aurora"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Glow Theory"
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }, { name: "Support", id: "/support" }]}
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Live Shows", id: "/#live-shows" },
|
||||
{ name: "Support", id: "/#contact-support" },
|
||||
{ name: "Privacy", id: "/privacy" }
|
||||
]}
|
||||
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
|
||||
className="py-4 px-6 md:px-8"
|
||||
buttonClassName="shadow-md !bg-[--primary-cta] !text-[--primary-cta-text]"
|
||||
@@ -75,7 +80,7 @@ function ShopPageContent() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Glow Theory"
|
||||
leftLink={{ text: "Customer Support", href: "/support" }}
|
||||
leftLink={{ text: "Customer Support", href: "/#contact-support" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "/privacy" }}
|
||||
className="bg-[--background] text-[--foreground] py-6 px-4"
|
||||
linkClassName="text-[--foreground] hover:text-[--primary-cta] transition-colors duration-200"
|
||||
@@ -88,21 +93,26 @@ function ShopPageContent() {
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSmall"
|
||||
background="noise"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="medium"
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLarge"
|
||||
background="aurora"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Glow Theory"
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }, { name: "Support", id: "/support" }]}
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Live Shows", id: "/#live-shows" },
|
||||
{ name: "Support", id: "/#contact-support" },
|
||||
{ name: "Privacy", id: "/privacy" }
|
||||
]}
|
||||
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
|
||||
className="py-4 px-6 md:px-8"
|
||||
buttonClassName="shadow-md !bg-[--primary-cta] !text-[--primary-cta-text]"
|
||||
@@ -130,7 +140,7 @@ function ShopPageContent() {
|
||||
total={`$${cartTotal}`}
|
||||
buttons={[
|
||||
{
|
||||
text: isCheckoutLoading ? "Processing..." : "Check Out", onClick: handleCheckout,
|
||||
text: isCheckoutLoading ? "Processing..." : "Check Out", onClick: handleCheckout,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -138,7 +148,7 @@ function ShopPageContent() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Glow Theory"
|
||||
leftLink={{ text: "Customer Support", href: "/support" }}
|
||||
leftLink={{ text: "Customer Support", href: "/#contact-support" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "/privacy" }}
|
||||
className="bg-[--background] text-[--foreground] py-6 px-4"
|
||||
linkClassName="text-[--foreground] hover:text-[--primary-cta] transition-colors duration-200"
|
||||
@@ -155,4 +165,4 @@ export default function ShopPage() {
|
||||
<ShopPageContent />
|
||||
</Suspense>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -2,23 +2,23 @@
|
||||
/* Base units */
|
||||
/* --vw is set by ThemeProvider */
|
||||
|
||||
/* --background: #f7f6f7;;
|
||||
--card: #ffffff;;
|
||||
--foreground: #1b0c25;;
|
||||
--primary-cta: #1b0c25;;
|
||||
/* --background: #fbfaff;;
|
||||
--card: #f7f5ff;;
|
||||
--foreground: #0f0022;;
|
||||
--primary-cta: #8b5cf6;;
|
||||
--secondary-cta: #ffffff;;
|
||||
--accent: #ff93e4;;
|
||||
--background-accent: #e8a8c3;; */
|
||||
--accent: #d8cef5;;
|
||||
--background-accent: #c4a8f9;; */
|
||||
|
||||
--background: #f7f6f7;;
|
||||
--card: #ffffff;;
|
||||
--foreground: #1b0c25;;
|
||||
--primary-cta: #1b0c25;;
|
||||
--primary-cta-text: #f7f6f7;;
|
||||
--background: #fbfaff;;
|
||||
--card: #f7f5ff;;
|
||||
--foreground: #0f0022;;
|
||||
--primary-cta: #8b5cf6;;
|
||||
--primary-cta-text: #fbfaff;;
|
||||
--secondary-cta: #ffffff;;
|
||||
--secondary-cta-text: #1b0c25;;
|
||||
--accent: #ff93e4;;
|
||||
--background-accent: #e8a8c3;;
|
||||
--secondary-cta-text: #0f0022;;
|
||||
--accent: #d8cef5;;
|
||||
--background-accent: #c4a8f9;;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user