Update src/app/page.tsx
This commit is contained in:
118
src/app/page.tsx
118
src/app/page.tsx
@@ -49,7 +49,8 @@ export default function HomePage() {
|
||||
brandName="Family Square"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Get Started", href: "/auth/login"}}
|
||||
text: "Get Started", href: "/auth/login"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -59,9 +60,11 @@ export default function HomePage() {
|
||||
description="Connect, organize, and share moments with your family. A modern platform built for families to strengthen bonds, plan events, and create lasting memories together."
|
||||
buttons={[
|
||||
{
|
||||
text: "Join the Community", href: "/auth/register"},
|
||||
text: "Join the Community", href: "/auth/register"
|
||||
},
|
||||
{
|
||||
text: "Discover Features", href: "#features"},
|
||||
text: "Discover Features", href: "#features"
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-spending-time-together-experiencing-time-expansion_23-2151338301.jpg"
|
||||
imageAlt="Happy diverse families connecting together"
|
||||
@@ -82,34 +85,44 @@ export default function HomePage() {
|
||||
exchanges: [
|
||||
{
|
||||
userMessage: "Did you see the photos from the picnic?", aiResponse:
|
||||
"Yes! They were amazing. Can't wait for the next one!"},
|
||||
"Yes! They were amazing. Can't wait for the next one!"
|
||||
},
|
||||
{
|
||||
userMessage: "Family dinner this Sunday?", aiResponse: "Absolutely! I'll bring dessert."},
|
||||
userMessage: "Family dinner this Sunday?", aiResponse: "Absolutely! I'll bring dessert."
|
||||
},
|
||||
],
|
||||
placeholder: "Type a message..."},
|
||||
placeholder: "Type a message..."
|
||||
},
|
||||
{
|
||||
title: "Event Planning", description:
|
||||
"Create, organize, and manage family events with calendar integration.", bentoComponent: "timeline", heading: "Upcoming Family Events", subheading: "Stay organized and never miss an event", items: [
|
||||
{
|
||||
label: "Birthday Party", detail: "Saturday at 6:00 PM"},
|
||||
label: "Birthday Party", detail: "Saturday at 6:00 PM"
|
||||
},
|
||||
{
|
||||
label: "Family Dinner", detail: "Sunday at 5:00 PM"},
|
||||
label: "Family Dinner", detail: "Sunday at 5:00 PM"
|
||||
},
|
||||
{
|
||||
label: "Holiday Celebration", detail: "December 25th"},
|
||||
label: "Holiday Celebration", detail: "December 25th"
|
||||
},
|
||||
],
|
||||
completedLabel: "Completed"},
|
||||
completedLabel: "Completed"
|
||||
},
|
||||
{
|
||||
title: "Photo Sharing", description:
|
||||
"Share and store family photos securely in one place.", bentoComponent: "media-stack", items: [
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/people-looking-picture-album_23-2149548452.jpg"},
|
||||
"http://img.b2bpic.net/free-photo/people-looking-picture-album_23-2149548452.jpg"
|
||||
},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149306382.jpg"},
|
||||
"http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149306382.jpg"
|
||||
},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/happy-person-celebrating-work-close-up_23-2149305062.jpg"},
|
||||
"http://img.b2bpic.net/free-photo/happy-person-celebrating-work-close-up_23-2149305062.jpg"
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
@@ -136,7 +149,6 @@ export default function HomePage() {
|
||||
},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
@@ -150,19 +162,22 @@ export default function HomePage() {
|
||||
metrics={[
|
||||
{
|
||||
id: "1", icon: Users,
|
||||
title: "Active Families", value: "50,000+"},
|
||||
title: "Active Families", value: "50,000+"
|
||||
},
|
||||
{
|
||||
id: "2", icon: MessageSquare,
|
||||
title: "Messages Sent", value: "2.5M+"},
|
||||
title: "Messages Sent", value: "2.5M+"
|
||||
},
|
||||
{
|
||||
id: "3", icon: Calendar,
|
||||
title: "Events Created", value: "100K+"},
|
||||
title: "Events Created", value: "100K+"
|
||||
},
|
||||
{
|
||||
id: "4", icon: Image,
|
||||
title: "Photos Shared", value: "10M+"},
|
||||
title: "Photos Shared", value: "10M+"
|
||||
},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
animationType="scale-rotate"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -173,33 +188,38 @@ export default function HomePage() {
|
||||
description="See what families are saying about their experience with Family Square."
|
||||
tag="Testimonials"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Johnson", handle: "@sarahj_family", testimonial:
|
||||
"Family Square has brought us closer together. We can finally share moments in real-time and everyone feels included in family events.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/indoor-portrait-gorgeous-young-caucasian-female-student-with-perfect-healthy-skin_273609-9035.jpg"},
|
||||
"http://img.b2bpic.net/free-photo/indoor-portrait-gorgeous-young-caucasian-female-student-with-perfect-healthy-skin_273609-9035.jpg"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Michael Chen", handle: "@mikechen_dad", testimonial:
|
||||
"The event planning feature is a game-changer. No more confusion about family gatherings. Everything is organized and everyone knows what's happening.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1620.jpg"},
|
||||
"http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1620.jpg"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Emily Rodriguez", handle: "@emilyrodriguez", testimonial:
|
||||
"As a busy mom, I love how easy it is to keep track of family updates and share photos. My parents love seeing the latest pictures of the grandkids!", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/closeup-shot-young-european-female-turquoise-blouse_181624-55855.jpg"},
|
||||
"http://img.b2bpic.net/free-photo/closeup-shot-young-european-female-turquoise-blouse_181624-55855.jpg"
|
||||
},
|
||||
{
|
||||
id: "4", name: "David Kim", handle: "@davidkim_family", testimonial:
|
||||
"Best decision we made for our family. It's like having a private social network just for us. Love the simplicity and security.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/portrait-young-handsome-cute-caucasian-man-park_181624-56266.jpg"},
|
||||
"http://img.b2bpic.net/free-photo/portrait-young-handsome-cute-caucasian-man-park_181624-56266.jpg"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Jennifer Martinez", handle: "@jen_martinez", testimonial:
|
||||
"My kids actually use this to stay connected with their cousins. It's engaging, safe, and brings the whole family together.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/indoor-portrait-gorgeous-young-caucasian-female-student-with-perfect-healthy-skin_273609-9035.jpg"},
|
||||
"http://img.b2bpic.net/free-photo/indoor-portrait-gorgeous-young-caucasian-female-student-with-perfect-healthy-skin_273609-9035.jpg"
|
||||
},
|
||||
{
|
||||
id: "6", name: "Robert Thompson", handle: "@bobthompson", testimonial:
|
||||
"From planning reunions to sharing daily moments, Family Square handles it all. Highly recommend to every family.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1620.jpg"},
|
||||
"http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1620.jpg"
|
||||
},
|
||||
]}
|
||||
speed={40}
|
||||
/>
|
||||
@@ -211,12 +231,13 @@ export default function HomePage() {
|
||||
description="Family Square is partnered with organizations dedicated to family wellness and connection."
|
||||
tag="Partners"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Apple", "Microsoft", "Google", "Amazon", "Meta", "Slack", "Notion", "Figma"]}
|
||||
"Apple", "Microsoft", "Google", "Amazon", "Meta", "Slack", "Notion", "Figma"
|
||||
]}
|
||||
logos={[
|
||||
"http://img.b2bpic.net/free-vector/gradient-pp-logo-template_23-2151182584.jpg", "http://img.b2bpic.net/free-vector/database-blue-round-demonstrating-storage-station-hardware-racks-server-room_1284-28392.jpg", "http://img.b2bpic.net/free-vector/flat-design-g-letter-logos-set_23-2148938005.jpg", "http://img.b2bpic.net/free-vector/abstract-logo-made-with-rounded-squares_1043-52.jpg", "http://img.b2bpic.net/free-vector/gradient-social-media-logo-pack_23-2148068588.jpg", "http://img.b2bpic.net/free-vector/health-logo-design_1051-901.jpg", "http://img.b2bpic.net/free-vector/minimal-logo-collection-with-pastel-colors_23-2148360510.jpg", "http://img.b2bpic.net/free-vector/job-interview-avatar-elements-composition-set_98292-6714.jpg"]}
|
||||
"http://img.b2bpic.net/free-vector/gradient-pp-logo-template_23-2151182584.jpg", "http://img.b2bpic.net/free-vector/database-blue-round-demonstrating-storage-station-hardware-racks-server-room_1284-28392.jpg", "http://img.b2bpic.net/free-vector/flat-design-g-letter-logos-set_23-2148938005.jpg", "http://img.b2bpic.net/free-vector/abstract-logo-made-with-rounded-squares_1043-52.jpg", "http://img.b2bpic.net/free-vector/gradient-social-media-logo-pack_23-2148068588.jpg", "http://img.b2bpic.net/free-vector/health-logo-design_1051-901.jpg", "http://img.b2bpic.net/free-vector/minimal-logo-collection-with-pastel-colors_23-2148360510.jpg", "http://img.b2bpic.net/free-vector/job-interview-avatar-elements-composition-set_98292-6714.jpg"
|
||||
]}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
/>
|
||||
@@ -230,7 +251,8 @@ export default function HomePage() {
|
||||
tagIcon={Heart}
|
||||
tagAnimation="slide-up"
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
variant: "radial-gradient"
|
||||
}}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="Enter your family email"
|
||||
buttonText="Get Started Free"
|
||||
@@ -248,37 +270,49 @@ export default function HomePage() {
|
||||
{
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features", href: "#features"},
|
||||
label: "Features", href: "#features"
|
||||
},
|
||||
{
|
||||
label: "Pricing", href: "/pricing"},
|
||||
label: "Pricing", href: "/pricing"
|
||||
},
|
||||
{
|
||||
label: "Security", href: "#"},
|
||||
label: "Security", href: "#"
|
||||
},
|
||||
{
|
||||
label: "Status", href: "#"},
|
||||
label: "Status", href: "#"
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About", href: "/about"},
|
||||
label: "About", href: "/about"
|
||||
},
|
||||
{
|
||||
label: "Blog", href: "/blog"},
|
||||
label: "Blog", href: "/blog"
|
||||
},
|
||||
{
|
||||
label: "Careers", href: "#"},
|
||||
label: "Careers", href: "#"
|
||||
},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
label: "Contact", href: "#contact"
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
label: "Privacy Policy", href: "#"
|
||||
},
|
||||
{
|
||||
label: "Terms of Service", href: "#"},
|
||||
label: "Terms of Service", href: "#"
|
||||
},
|
||||
{
|
||||
label: "Cookie Policy", href: "#"},
|
||||
label: "Cookie Policy", href: "#"
|
||||
},
|
||||
{
|
||||
label: "GDPR", href: "#"},
|
||||
label: "GDPR", href: "#"
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user