diff --git a/src/app/page.tsx b/src/app/page.tsx
index f83cbd8..209181c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -6,10 +6,10 @@ import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import FeatureBento from "@/components/sections/feature/FeatureBento";
-import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
-import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
-import ContactCenter from "@/components/sections/contact/ContactCenter";
-import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
+import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
+import FaqSplitText from "@/components/sections/faq/FaqSplitText";
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
+import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { Mail, Leaf, Droplet, Sprout, Wind } from "lucide-react";
export default function SkincareTemplatePage() {
@@ -21,9 +21,9 @@ export default function SkincareTemplatePage() {
contentWidth="small"
sizing="largeSmallSizeLargeTitles"
background="aurora"
- cardStyle="gradient-bordered"
+ cardStyle="glass-elevated"
primaryButtonStyle="double-inset"
- secondaryButtonStyle="solid"
+ secondaryButtonStyle="glass"
headingFontWeight="extrabold"
>
@@ -77,25 +77,13 @@ export default function SkincareTemplatePage() {
description="Discover our carefully curated skincare essentials designed to nourish and revitalize your skin. Worldwide shipping available."
products={[
{
- id: "1",
- name: "Hydrating Moisturizer",
- price: "$68",
- imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image2.webp",
- imageAlt: "Hydrating Moisturizer bottle"
+ id: "1", name: "Hydrating Moisturizer", price: "$68", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image2.webp", imageAlt: "Hydrating Moisturizer bottle"
},
{
- id: "2",
- name: "Radiance Serum",
- price: "$85",
- imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image3.webp",
- imageAlt: "Radiance Serum bottle"
+ id: "2", name: "Radiance Serum", price: "$85", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image3.webp", imageAlt: "Radiance Serum bottle"
},
{
- id: "3",
- name: "Purifying Face Mask",
- price: "$52",
- imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image1.webp",
- imageAlt: "Purifying Face Mask jar"
+ id: "3", name: "Purifying Face Mask", price: "$52", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image1.webp", imageAlt: "Purifying Face Mask jar"
}
]}
gridVariant="three-columns-all-equal-width"
@@ -111,20 +99,13 @@ export default function SkincareTemplatePage() {
description="Scientifically-formulated skincare products that deliver visible results with natural, sustainable ingredients. Available for worldwide shipping."
features={[
{
- title: "Worldwide Shipping",
- description: "Fast and reliable delivery to over 150 countries worldwide",
- bentoComponent: "globe"
+ title: "Worldwide Shipping", description: "Fast and reliable delivery to over 150 countries worldwide", bentoComponent: "globe"
},
{
- title: "Clinically Proven",
- description: "Dermatologist-tested and proven effective in clinical trials",
- bentoComponent: "line-chart"
+ title: "Clinically Proven", description: "Dermatologist-tested and proven effective in clinical trials", bentoComponent: "line-chart"
},
{
- title: "Sustainable",
- description: "Eco-conscious packaging and ethical sourcing practices",
- bentoComponent: "orbiting-icons",
- centerIcon: Leaf,
+ title: "Sustainable", description: "Eco-conscious packaging and ethical sourcing practices", bentoComponent: "orbiting-icons", centerIcon: Leaf,
items: [
{ icon: Droplet, ring: 1 },
{ icon: Sprout, ring: 2 },
@@ -139,117 +120,61 @@ export default function SkincareTemplatePage() {
-
-
-
);
-}
+}
\ No newline at end of file
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index d45b6e6..1b3ab45 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
- --background: #fcf6ec;
- --card: #f3ede2;
- --foreground: #2e2521;
- --primary-cta: #2e2521;
+ --background: #F5F8FA;
+ --card: rgba(255, 255, 255, 0.7);
+ --foreground: #1A2E40;
+ --primary-cta: #15479C;
--primary-cta-text: #fcf6ec;
- --secondary-cta: #ffffff;
+ --secondary-cta: #D4AF37;
--secondary-cta-text: #2e2521;
- --accent: #b2a28b;
- --background-accent: #b2a28b;
+ --accent: #D4AF37;
+ --background-accent: rgba(21, 71, 156, 0.05);
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);