15 Commits

Author SHA1 Message Date
1e549e2afa Update src/app/page.tsx 2026-03-09 03:43:32 +00:00
fd134ba528 Update src/app/page.tsx 2026-03-09 03:42:20 +00:00
4f82e38fe0 Merge version_6 into main
Merge version_6 into main
2026-03-09 03:38:54 +00:00
16533d04ab Update src/app/page.tsx 2026-03-09 03:38:50 +00:00
12a8f844e3 Update src/app/layout.tsx 2026-03-09 03:38:49 +00:00
a1964182c6 Merge version_5 into main
Merge version_5 into main
2026-03-09 03:37:00 +00:00
245983432a Update src/app/page.tsx 2026-03-09 03:36:56 +00:00
2ada87636d Merge version_5 into main
Merge version_5 into main
2026-03-09 03:35:50 +00:00
fe73fd43fd Update src/app/styles/variables.css 2026-03-09 03:35:46 +00:00
9161942795 Update src/app/page.tsx 2026-03-09 03:35:45 +00:00
a2339b37b3 Update src/app/layout.tsx 2026-03-09 03:35:45 +00:00
8a191366ec Merge version_4 into main
Merge version_4 into main
2026-03-09 03:26:47 +00:00
e27a340e1c Update src/app/styles/variables.css 2026-03-09 03:26:44 +00:00
ca4831e101 Update src/app/page.tsx 2026-03-09 03:26:43 +00:00
c84498c5c7 Merge version_3 into main
Merge version_3 into main
2026-03-04 18:00:49 +00:00
3 changed files with 36 additions and 42 deletions

View File

@@ -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>
); );
} }

View File

@@ -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>

View File

@@ -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);