bender/d23d7ee3-91d2-4666-a02f-093522958f0d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_8 into main

Browse Source 
Merge version_8 into main
This commit was merged in pull request #8.
This commit is contained in:
bender
2026-02-26 10:38:39 +00:00
parent 4ba4d0b47b 72e4ec1397
commit a7b9bcd601
3 changed files with 71 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/layout.tsx
View File

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

82
src/app/page.tsx
View File

@@ -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"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
title="In My Life: A Visual Journey"
title="Life In Me: A Visual Journey"
description="Discover a curated collection of moments, emotions, and stories captured through the lens. Each photograph tells a unique tale from the journey of life."
background={{ variant: "radial-gradient" }}
buttons={[
@@ -63,26 +66,36 @@ export default function SitePage() {
tag="Photography Collection"
tagAnimation="slide-up"
buttonAnimation="slide-up"
ariaLabel="Hero section for In My Life photo gallery"
ariaLabel="Hero section for Life In Me photo gallery"
/>
</div>
<div id="features" data-section="features">
<FeatureProcessSteps
title="Featured Moments"
description="Dive into the heart of our collection. Each image is a hand-picked highlight, carefully selected to evoke emotion and spark imagination."
steps={[
{ number: "01", title: "Scenic Landscapes", description: "Majestic views and breathtaking natural wonders, captured in their purest form.", tag: "Nature" },
{ number: "02", title: "Intimate Portraits", description: "Raw emotions and unique personalities, revealed in every thoughtful gaze.", tag: "People" },
{ number: "03", title: "Urban Explorations", description: "The vibrant pulse and hidden corners of cities around the world.", tag: "Cities" },
{ number: "04", title: "Abstract Visions", description: "Exploring form, color, and light in unconventional and artistic ways.", tag: "Art" }
<FeatureCardNine
title="Capturing Life's Essence"
description="Every frame tells a story, beautifully preserved through our unique lens. Explore the features that make our gallery special."
features={[
{
id: 1,
title: "Immersive Storytelling", description: "Our photographers craft visual narratives that draw you into the heart of each moment, making you feel every emotion.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/young-man-taking-photo-with-smart-phone_23-2147774218.jpg", imageAlt: "Man taking photo with smartphone" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/smartphone-with-empty-screen-wooden-table_23-2148293980.jpg", imageAlt: "Smartphone on wooden table" },
},
{
id: 2,
title: "Curated Collections", description: "From breathtaking landscapes to intimate portraits, our gallery offers diverse collections to explore and inspire.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/group-photos-printed-film-photo-display-board_23-2149547116.jpg", imageAlt: "Photo display board" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/vintage-photo-camera-background_23-2148408226.jpg", imageAlt: "Vintage camera" },
},
{
id: 3,
title: "Seamless Experience", description: "Navigate our intuitive platform with ease, find your favorite moments, and share them with the world.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-smartphone-taking-picture-river_23-2147814717.jpg", imageAlt: "Hand holding smartphone taking picture" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/photographer-using-camera-close-up_23-2148810675.jpg", imageAlt: "Photographer using camera" },
},
]}
stepsAnimation="slide-up"
showStepNumbers={true}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
buttons={[{ text: "View All Categories", href: "#gallery" }]}
tag="Curated Selection"
tagAnimation="slide-up"
buttonAnimation="slide-up"
tag="Our Methodology"
/>
</div>
@@ -111,7 +124,7 @@ export default function SitePage() {
<div id="about" data-section="about">
<MetricSplitMediaAbout
title="Our Journey Through the Lens"
description="'In My Life' is more than just a gallery; it's a testament to moments that shape us. From the smallest details to the grandest vistas, we believe every photograph holds a piece of a larger story. Our passion is to preserve these fleeting instants, making them timeless for you to revisit and cherish."
description="'My Photo Gallery' is more than just a gallery; it's a testament to moments that shape us. From the smallest details to the grandest vistas, we believe every photograph holds a piece of a larger story. Our passion is to preserve these fleeting instants, making them timeless for you to revisit and cherish."
metrics={[
{ value: "10+", title: "Years of Capturing Memories" },
{ value: "5000+", title: "Photographs in Collection" }
@@ -128,13 +141,13 @@ export default function SitePage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
testimonials={[
{ id: "1", name: "Anya Sharma, Art Collector", date: "Date: October 26, 2023", title: "Truly Breathtaking Photography!", quote: "The 'In My Life' gallery captures a raw authenticity that is rare and beautiful. Each piece resonates deeply, telling a story that feels both personal and universal. A true treasure.", tag: "Insightful", avatarSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg", imageSrc: "http://img.b2bpic.net/free-photo/groom-gently-embraces-her-groom-forest_1153-5973.jpg", imageAlt: "Happy couple during a wedding photoshoot" },
{ id: "2", name: "Mark Benson, Lifestyle Blogger", date: "Date: November 15, 2023", title: "An Inspiring Collection!", quote: "I'm constantly looking for inspiration, and 'In My Life' delivers. The curation is exceptional, and the quality of the photography is simply stunning. It truly enriches my perspective.", tag: "Inspiring", avatarSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg", imageSrc: "http://img.b2bpic.net/free-photo/mother-hand-holding-baby-little-arm_23-2148341974.jpg", imageAlt: "Parental hands gently holding a newborn baby" },
{ id: "1", name: "Anya Sharma, Art Collector", date: "Date: October 26, 2023", title: "Truly Breathtaking Photography!", quote: "The 'My Photo Gallery' gallery captures a raw authenticity that is rare and beautiful. Each piece resonates deeply, telling a story that feels both personal and universal. A true treasure.", tag: "Insightful", avatarSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg", imageSrc: "http://img.b2bpic.net/free-photo/groom-gently-embraces-her-groom-forest_1153-5973.jpg", imageAlt: "Happy couple during a wedding photoshoot" },
{ id: "2", name: "Mark Benson, Lifestyle Blogger", date: "Date: November 15, 2023", title: "An Inspiring Collection!", quote: "I'm constantly looking for inspiration, and 'My Photo Gallery' delivers. The curation is exceptional, and the quality of the photography is simply stunning. It truly enriches my perspective.", tag: "Inspiring", avatarSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg", imageSrc: "http://img.b2bpic.net/free-photo/mother-hand-holding-baby-little-arm_23-2148341974.jpg", imageAlt: "Parental hands gently holding a newborn baby" },
{ id: "3", name: "Chloe Davis, Photographer", date: "Date: December 01, 2023", title: "Masterful Storytelling through Images", quote: "As a fellow photographer, I deeply appreciate the artistry and emotion conveyed in this gallery. It's a masterclass in visual storytelling and a reminder of the power of a single frame.", tag: "Artistic", avatarSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blonde-female-photographer-taking-pictures-with-compact-camera-grey-background_613910-9350.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cute-family-playing-summer-field_1157-36882.jpg", imageAlt: "Family posing for a portrait in a park" },
{ id: "4", name: "Ethan Kim, Memory Keeper", date: "Date: January 20, 2024", title: "Reliving My Own Moments", quote: "Browsing through 'In My Life' is like reliving my own cherished memories. The photos are so vivid and evocative, they transport you to another time and place. Highly recommend.", tag: "Emotional", avatarSrc: "http://img.b2bpic.net/free-photo/i-like-that-good-job-happy-young-dark-skinned-female-wearing-casual-long-sleeved-t-shirt-making-thumbs-up-sign-smiling-cheerfully-showing-her-support-respect-someone-body-language_273609-1258.jpg", imageSrc: "http://img.b2bpic.net/free-photo/dark-low-clouds-beautiful-mountains-lake-pines-backpack-with-scooter-front_613910-17385.jpg", imageAlt: "Person admiring a panoramic mountain view" }
{ id: "4", name: "Ethan Kim, Memory Keeper", date: "Date: January 20, 2024", title: "Reliving My Own Moments", quote: "Browsing through 'My Photo Gallery' is like reliving my own cherished memories. The photos are so vivid and evocative, they transport you to another time and place. Highly recommend.", tag: "Emotional", avatarSrc: "http://img.b2bpic.net/free-photo/i-like-that-good-job-happy-young-dark-skinned-female-wearing-casual-long-sleeved-t-shirt-making-thumbs-up-sign-smiling-cheerfully-showing-her-support-respect-someone-body-language_273609-1258.jpg", imageSrc: "http://img.b2bpic.net/free-photo/dark-low-clouds-beautiful-mountains-lake-pines-backpack-with-scooter-front_613910-17385.jpg", imageAlt: "Person admiring a panoramic mountain view" }
]}
title="Client Stories"
description="Hear from those who have been touched by the beauty and depth of 'In My Life' photo gallery."
description="Hear from those who have been touched by the beauty and depth of 'My Photo Gallery' photo gallery."
textboxLayout="default"
useInvertedBackground={false}
tag="Testimonials"
@@ -162,12 +175,29 @@ export default function SitePage() {
/>
</div>
<div id="achievements" data-section="achievements">
<MetricCardOne
title="Our Gallery's Milestones"
description="Celebrating the impact and reach of 'My Photo Gallery' over the years."
metrics={[
{ id: "1", value: "10K", title: "Moments Captured", description: "Thousands of unique photographs preserving fleeting beauty.", icon: Camera },
{ id: "2", value: "500+", title: "Artists Featured", description: "A growing community of photographers contributing their vision.", icon: Users },
{ id: "3", value: "99%", title: "Visitor Satisfaction", description: "Our visitors consistently praise the quality and curation.", icon: TrendingUp }
]}
gridVariant="uniform-all-items-equal"
textboxLayout="default"
animationType="slide-up"
useInvertedBackground={false}
tag="Our Impact"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="In My Life"
logoText="Life In Me"
leftLink={{ text: "Privacy Policy", href: "/privacy" }}
rightLink={{ text: "Terms of Service", href: "/terms" }}
ariaLabel="Site footer for In My Life photo gallery"
ariaLabel="Site footer for Life In Me photo gallery"
/>
</div>
</ThemeProvider>

24
src/app/styles/variables.css
View File

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