Update src/app/page.tsx
This commit is contained in:
257
src/app/page.tsx
257
src/app/page.tsx
@@ -49,9 +49,7 @@ export default function HomePage() {
|
||||
brandName="Family Square"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "/auth/login",
|
||||
}}
|
||||
text: "Get Started", href: "/auth/login"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -61,15 +59,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?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-spending-time-together-experiencing-time-expansion_23-2151338301.jpg"
|
||||
imageAlt="Happy diverse families connecting together"
|
||||
showDimOverlay={true}
|
||||
/>
|
||||
@@ -82,74 +76,45 @@ export default function HomePage() {
|
||||
tag="Features"
|
||||
features={[
|
||||
{
|
||||
title: "Instant Messaging",
|
||||
description:
|
||||
"Send messages instantly to family members with read receipts and notifications.",
|
||||
bentoComponent: "chat",
|
||||
aiIcon: MessageCircle,
|
||||
title: "Instant Messaging", description:
|
||||
"Send messages instantly to family members with read receipts and notifications.", bentoComponent: "chat", aiIcon: MessageCircle,
|
||||
userIcon: User,
|
||||
exchanges: [
|
||||
{
|
||||
userMessage: "Did you see the photos from the picnic?",
|
||||
aiResponse:
|
||||
"Yes! They were amazing. Can't wait for the next one!",
|
||||
},
|
||||
userMessage: "Did you see the photos from the picnic?", aiResponse:
|
||||
"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: [
|
||||
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: [
|
||||
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?_wi=1",
|
||||
},
|
||||
"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?_wi=1",
|
||||
},
|
||||
"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?_wi=1",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/happy-person-celebrating-work-close-up_23-2149305062.jpg"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Family Groups",
|
||||
description:
|
||||
"Organize family members into groups and manage permissions.",
|
||||
bentoComponent: "orbiting-icons",
|
||||
centerIcon: Users,
|
||||
title: "Family Groups", description:
|
||||
"Organize family members into groups and manage permissions.", bentoComponent: "orbiting-icons", centerIcon: Users,
|
||||
items: [
|
||||
{
|
||||
icon: User,
|
||||
@@ -184,29 +149,17 @@ export default function HomePage() {
|
||||
tag="Community"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: Users,
|
||||
title: "Active Families",
|
||||
value: "50,000+",
|
||||
},
|
||||
id: "1", icon: Users,
|
||||
title: "Active Families", value: "50,000+"},
|
||||
{
|
||||
id: "2",
|
||||
icon: MessageSquare,
|
||||
title: "Messages Sent",
|
||||
value: "2.5M+",
|
||||
},
|
||||
id: "2", icon: MessageSquare,
|
||||
title: "Messages Sent", value: "2.5M+"},
|
||||
{
|
||||
id: "3",
|
||||
icon: Calendar,
|
||||
title: "Events Created",
|
||||
value: "100K+",
|
||||
},
|
||||
id: "3", icon: Calendar,
|
||||
title: "Events Created", value: "100K+"},
|
||||
{
|
||||
id: "4",
|
||||
icon: Image,
|
||||
title: "Photos Shared",
|
||||
value: "10M+",
|
||||
},
|
||||
id: "4", icon: Image,
|
||||
title: "Photos Shared", value: "10M+"},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
animationType="scale-rotate"
|
||||
@@ -224,59 +177,29 @@ export default function HomePage() {
|
||||
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?_wi=1",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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?_wi=1",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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?_wi=1",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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?_wi=1",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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?_wi=2",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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?_wi=2",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
speed={40}
|
||||
/>
|
||||
@@ -291,25 +214,9 @@ export default function HomePage() {
|
||||
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}
|
||||
/>
|
||||
@@ -323,8 +230,7 @@ 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"
|
||||
@@ -334,72 +240,45 @@ export default function HomePage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/family-with-cute-kids-autumn-park_1157-22355.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/family-with-cute-kids-autumn-park_1157-22355.jpg"
|
||||
imageAlt="Happy families celebrating together"
|
||||
logoText="Family Square"
|
||||
copyrightText="© 2025 Family Square. Bringing families closer together."
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
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: [
|
||||
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: [
|
||||
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