diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 176ae5a..548df4b 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -10,13 +10,13 @@ const roboto = Roboto({
});
export const metadata: Metadata = {
- title: "In My Life - A Visual Journey", description: "Explore 'In My Life', a curated photo gallery showcasing moments, emotions, and stories through stunning photography. Relive cherished memories and discover visual storytelling.", openGraph: {
- title: "In My Life - A Visual Journey", description: "Explore 'In My Life', a curated photo gallery showcasing moments, emotions, and stories through stunning photography. Relive cherished memories and discover visual storytelling.", url: "/", siteName: "In My Life", images: [{
+ title: "Life In Me - A Visual Journey", description: "Explore 'My Photo Gallery', a curated photo gallery showcasing moments, emotions, and stories through stunning photography. Relive cherished memories and discover visual storytelling.", openGraph: {
+ title: "Life In Me - A Visual Journey", description: "Explore 'My Photo Gallery', a curated photo gallery showcasing moments, emotions, and stories through stunning photography. Relive cherished memories and discover visual storytelling.", url: "/", siteName: "Life In Me", images: [{
url: "http://img.b2bpic.net/free-photo/skjolden-norway-may-16-2023-feet_58702-16353.jpg", alt: "Golden hour landscape"
}],
},
twitter: {
- card: "summary_large_image", title: "In My Life - A Visual Journey", description: "Explore 'In My Life', a curated photo gallery showcasing moments, emotions, and stories through stunning photography. Relive cherished memories and discover visual storytelling.", images: ["http://img.b2bpic.net/free-photo/skjolden-norway-may-16-2023-feet_58702-16353.jpg"],
+ card: "summary_large_image", title: "Life In Me - A Visual Journey", description: "Explore 'My Photo Gallery', a curated photo gallery showcasing moments, emotions, and stories through stunning photography. Relive cherished memories and discover visual storytelling.", images: ["http://img.b2bpic.net/free-photo/skjolden-norway-may-16-2023-feet_58702-16353.jpg"],
},
robots: {
index: true,
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7c83627..a5ff578 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,13 +3,14 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
-import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
+import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import { Package } from 'lucide-react';
+import { Package, Phone, Camera, Users, TrendingUp } from 'lucide-react';
export default function SitePage() {
return (
@@ -32,18 +33,20 @@ export default function SitePage() {
{ name: "Products", id: "products" },
{ name: "About", id: "about" },
{ name: "Stories", id: "testimonials" },
- { name: "Contact", id: "contact" }
+ { name: "Contact", id: "contact" },
+ { name: "Achievements", id: "achievements" }
]}
- brandName="In My Life"
+ brandName="Life In Me"
button={{ text: "View Gallery", href: "#gallery" }}
buttonClassName="min-w-fit px-4 py-2 text-sm rounded-full font-medium shadow-lg hover:shadow-xl transition-all duration-300 ease-in-out"
buttonTextClassName="text-foreground"
+ ariaLabel="Navigation for Life In Me photo gallery"
/>
-
@@ -111,7 +124,7 @@ export default function SitePage() {
+
+
+
+
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 0af5aa1..ea650aa 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -3,22 +3,22 @@
/* --vw is set by ThemeProvider */
/* --background: #ffffff;;
- --card: #f9f9f9;;
- --foreground: #120a00e6;;
- --primary-cta: #ff8c42;;
- --secondary-cta: #f9f9f9;;
- --accent: #e2e2e2;;
- --background-accent: #c4c4c4;; */
+ --card: #f8f8f8;;
+ --foreground: #222222;;
+ --primary-cta: #e63946;;
+ --secondary-cta: #32b889;;
+ --accent: #f0f0f0;;
+ --background-accent: #e0e0e0;; */
--background: #ffffff;;
- --card: #f9f9f9;;
- --foreground: #120a00e6;;
- --primary-cta: #ff8c42;;
+ --card: #f8f8f8;;
+ --foreground: #222222;;
+ --primary-cta: #e63946;;
--primary-cta-text: #ffffff;;
- --secondary-cta: #f9f9f9;;
+ --secondary-cta: #32b889;;
--secondary-cta-text: #120a00e6;;
- --accent: #e2e2e2;;
- --background-accent: #c4c4c4;;
+ --accent: #f0f0f0;;
+ --background-accent: #e0e0e0;;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);