Compare commits
15 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 1e549e2afa | |||
| fd134ba528 | |||
| 4f82e38fe0 | |||
| 16533d04ab | |||
| 12a8f844e3 | |||
| a1964182c6 | |||
| 245983432a | |||
| 2ada87636d | |||
| fe73fd43fd | |||
| 9161942795 | |||
| a2339b37b3 | |||
| 8a191366ec | |||
| e27a340e1c | |||
| ca4831e101 | |||
| c84498c5c7 |
@@ -1,46 +1,20 @@
|
|||||||
import type { Metadata } from "next";
|
import type { Metadata } from "next";
|
||||||
import { Halant } from "next/font/google";
|
|
||||||
import { Inter } from "next/font/google";
|
import { Inter } from "next/font/google";
|
||||||
import { Poppins } from "next/font/google";
|
|
||||||
import "./globals.css";
|
import "./globals.css";
|
||||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
|
||||||
import Tag from "@/tag/Tag";
|
|
||||||
|
|
||||||
const halant = Halant({
|
const inter = Inter({ subsets: ["latin"] });
|
||||||
variable: "--font-halant", subsets: ["latin"],
|
|
||||||
weight: ["300", "400", "500", "600", "700"],
|
|
||||||
});
|
|
||||||
|
|
||||||
const inter = Inter({
|
|
||||||
variable: "--font-inter", subsets: ["latin"],
|
|
||||||
});
|
|
||||||
|
|
||||||
const poppins = Poppins({
|
|
||||||
variable: "--font-poppins", subsets: ["latin"],
|
|
||||||
weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
|
|
||||||
});
|
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
export const metadata: Metadata = {
|
||||||
title: "PhloetiQ Custom Oils | Premium Fragrance Oils Crafted for You", description: "Discover artisan-crafted custom fragrance oils inspired by luxury perfumes. Personalize your scent with PhloetiQ's expert blending and premium ingredients.", keywords: "custom fragrance, fragrance oils, perfume, luxury scent, artisan oils, custom blend, personalized fragrance", openGraph: {
|
title: "PhloetiQ Custom Oils - Craft Your Perfect Fragrance", description: "Experience the art of custom oil blending. Handpicked by our master blenders and trusted by over 2,000 fragrance enthusiasts."};
|
||||||
title: "PhloetiQ Custom Oils | Premium Custom Fragrance Oils", description: "Craft your signature scent with our custom fragrance oils. Luxury, personalized, and long-lasting.", type: "website", siteName: "PhloetiQ Custom Oils"},
|
|
||||||
twitter: {
|
|
||||||
card: "summary_large_image", title: "PhloetiQ Custom Oils | Custom Fragrance Oils", description: "Experience luxury fragrance crafted just for you"},
|
|
||||||
};
|
|
||||||
|
|
||||||
export default function RootLayout({
|
export default function RootLayout({
|
||||||
children,
|
children,
|
||||||
}: Readonly<{
|
}: {
|
||||||
children: React.ReactNode;
|
children: React.ReactNode;
|
||||||
}>) {
|
}) {
|
||||||
return (
|
return (
|
||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en">
|
||||||
<ServiceWrapper>
|
<body className={inter.className}>{children}
|
||||||
<body
|
|
||||||
className={`${halant.variable} ${inter.variable} ${poppins.variable} antialiased`}
|
|
||||||
>
|
|
||||||
<Tag />
|
|
||||||
{children}
|
|
||||||
|
|
||||||
<script
|
<script
|
||||||
dangerouslySetInnerHTML={{
|
dangerouslySetInnerHTML={{
|
||||||
__html: `
|
__html: `
|
||||||
@@ -1408,7 +1382,6 @@ export default function RootLayout({
|
|||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
</body>
|
</body>
|
||||||
</ServiceWrapper>
|
|
||||||
</html>
|
</html>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -23,7 +23,7 @@ export default function LandingPage() {
|
|||||||
cardStyle="glass-elevated"
|
cardStyle="glass-elevated"
|
||||||
primaryButtonStyle="primary-glow"
|
primaryButtonStyle="primary-glow"
|
||||||
secondaryButtonStyle="solid"
|
secondaryButtonStyle="solid"
|
||||||
headingFontWeight="light"
|
headingFontWeight="semibold"
|
||||||
>
|
>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
@@ -74,7 +74,7 @@ export default function LandingPage() {
|
|||||||
<div id="products" data-section="products">
|
<div id="products" data-section="products">
|
||||||
<ProductCardOne
|
<ProductCardOne
|
||||||
title="Our Signature Collection"
|
title="Our Signature Collection"
|
||||||
description="Hand-crafted custom oils inspired by the world's most beloved fragrances. Each blend is uniquely formulated to provide an exceptional olfactory experience."
|
description="Hand-crafted custom oils inspired by the world's most beloved fragrances. Handpicked by our master blenders and trusted by over 2,000 fragrance enthusiasts. Each blend is uniquely formulated to provide an exceptional olfactory experience."
|
||||||
tag="Limited Edition"
|
tag="Limited Edition"
|
||||||
tagIcon={Star}
|
tagIcon={Star}
|
||||||
tagAnimation="slide-up"
|
tagAnimation="slide-up"
|
||||||
@@ -87,6 +87,9 @@ export default function LandingPage() {
|
|||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
|
textBoxTitleClassName="text-4xl font-semibold tracking-tight"
|
||||||
|
textBoxDescriptionClassName="text-lg font-light opacity-85"
|
||||||
|
cardClassName="relative overflow-hidden rounded-2xl shadow-2xl hover:shadow-3xl transition-all duration-500"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -107,6 +110,11 @@ export default function LandingPage() {
|
|||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
|
textBoxTitleClassName="text-4xl font-semibold tracking-tight"
|
||||||
|
textBoxDescriptionClassName="text-lg font-light opacity-85"
|
||||||
|
cardTitleClassName="text-2xl font-semibold"
|
||||||
|
cardDescriptionClassName="text-base font-light opacity-90"
|
||||||
|
cardClassName="relative overflow-hidden rounded-2xl shadow-xl hover:shadow-2xl transition-all duration-500 backdrop-blur-sm"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -123,6 +131,12 @@ export default function LandingPage() {
|
|||||||
{ id: "3", title: "Finally, A Fragrance Unique to Me", quote: "The consultation process was wonderful. The team really listened to what I wanted and created something that feels entirely personal. I'm a customer for life!", name: "Emma Rodriguez", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3", imageAlt: "Emma Rodriguez" },
|
{ id: "3", title: "Finally, A Fragrance Unique to Me", quote: "The consultation process was wonderful. The team really listened to what I wanted and created something that feels entirely personal. I'm a customer for life!", name: "Emma Rodriguez", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3", imageAlt: "Emma Rodriguez" },
|
||||||
{ id: "4", title: "Exceptional Customer Experience", quote: "From concept to delivery, everything about PhloetiQ exceeded my expectations. The customer service is warm, the product is premium, and the value is unmatched.", name: "Michael Torres", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4", imageAlt: "Michael Torres" }
|
{ id: "4", title: "Exceptional Customer Experience", quote: "From concept to delivery, everything about PhloetiQ exceeded my expectations. The customer service is warm, the product is premium, and the value is unmatched.", name: "Michael Torres", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4", imageAlt: "Michael Torres" }
|
||||||
]}
|
]}
|
||||||
|
textBoxTitleClassName="text-4xl font-semibold tracking-tight"
|
||||||
|
textBoxDescriptionClassName="text-lg font-light opacity-85"
|
||||||
|
quoteCardClassName="relative overflow-hidden rounded-2xl shadow-xl hover:shadow-2xl transition-all duration-500 p-8 backdrop-blur-sm"
|
||||||
|
quoteClassName="text-xl font-light italic leading-relaxed"
|
||||||
|
nameClassName="text-lg font-semibold mt-4"
|
||||||
|
roleClassName="text-sm font-light opacity-75"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -136,6 +150,9 @@ export default function LandingPage() {
|
|||||||
{ text: "Start Your Journey", href: "https://example.com/custom-blend" },
|
{ text: "Start Your Journey", href: "https://example.com/custom-blend" },
|
||||||
{ text: "Get in Touch", href: "mailto:hello@phloetiq.com" }
|
{ text: "Get in Touch", href: "mailto:hello@phloetiq.com" }
|
||||||
]}
|
]}
|
||||||
|
textClassName="text-4xl font-semibold tracking-tight"
|
||||||
|
contentClassName="rounded-2xl shadow-xl p-12 backdrop-blur-sm"
|
||||||
|
containerClassName="py-20"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -148,6 +165,10 @@ export default function LandingPage() {
|
|||||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms & Conditions", href: "#" }, { label: "Shipping Info", href: "#" }] },
|
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms & Conditions", href: "#" }, { label: "Shipping Info", href: "#" }] },
|
||||||
{ items: [{ label: "Instagram", href: "https://instagram.com" }, { label: "Facebook", href: "https://facebook.com" }, { label: "Twitter", href: "https://twitter.com" }] }
|
{ items: [{ label: "Instagram", href: "https://instagram.com" }, { label: "Facebook", href: "https://facebook.com" }, { label: "Twitter", href: "https://twitter.com" }] }
|
||||||
]}
|
]}
|
||||||
|
logoClassName="text-2xl font-semibold tracking-tight"
|
||||||
|
containerClassName="py-16"
|
||||||
|
columnClassName="space-y-4"
|
||||||
|
itemClassName="text-sm font-light hover:opacity-75 transition-opacity"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
|
|||||||
@@ -10,15 +10,15 @@
|
|||||||
--accent: #ffffff;
|
--accent: #ffffff;
|
||||||
--background-accent: #ffffff; */
|
--background-accent: #ffffff; */
|
||||||
|
|
||||||
--background: #ffffff;
|
--background: #faf8f5;
|
||||||
--card: #f9f9f9;
|
--card: #f3ede2;
|
||||||
--foreground: #000612e6;
|
--foreground: #2e2521;
|
||||||
--primary-cta: #15479c;
|
--primary-cta: #d4af37;
|
||||||
--primary-cta-text: #ffffff;
|
--primary-cta-text: #ffffff;
|
||||||
--secondary-cta: #f9f9f9;
|
--secondary-cta: #ffffff;
|
||||||
--secondary-cta-text: #000612e6;
|
--secondary-cta-text: #000612e6;
|
||||||
--accent: #e2e2e2;
|
--accent: #b2a28b;
|
||||||
--background-accent: #c4c4c4;
|
--background-accent: #b2a28b;
|
||||||
|
|
||||||
/* text sizing - set by ThemeProvider */
|
/* text sizing - set by ThemeProvider */
|
||||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||||
|
|||||||
Reference in New Issue
Block a user