Merge version_1 into main #2
@@ -38,9 +38,7 @@ export default function RegisterPage() {
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "/auth/login",
|
||||
}}
|
||||
text: "Get Started", href: "/auth/login"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -53,7 +51,7 @@ export default function RegisterPage() {
|
||||
{ text: "Join the Community", href: "/auth/register" },
|
||||
{ text: "Discover Features", href: "#features" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-spending-time-together-experiencing-time-expansion_23-2151338301.jpg?_wi=4"
|
||||
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}
|
||||
/>
|
||||
@@ -67,66 +65,37 @@ export default function RegisterPage() {
|
||||
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=4",
|
||||
},
|
||||
imageSrc: "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=4",
|
||||
},
|
||||
imageSrc: "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=4",
|
||||
},
|
||||
imageSrc: "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,
|
||||
@@ -162,29 +131,17 @@ export default function RegisterPage() {
|
||||
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: ImageIcon,
|
||||
title: "Photos Shared",
|
||||
value: "10M+",
|
||||
},
|
||||
id: "4", icon: ImageIcon,
|
||||
title: "Photos Shared", value: "10M+"},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
animationType="scale-rotate"
|
||||
@@ -203,53 +160,23 @@ export default function RegisterPage() {
|
||||
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=7",
|
||||
},
|
||||
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=7",
|
||||
},
|
||||
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=4",
|
||||
},
|
||||
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=4",
|
||||
},
|
||||
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=8",
|
||||
},
|
||||
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=8",
|
||||
},
|
||||
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}
|
||||
/>
|
||||
@@ -266,15 +193,7 @@ export default function RegisterPage() {
|
||||
useInvertedBackground={false}
|
||||
names={["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}
|
||||
/>
|
||||
@@ -299,14 +218,13 @@ export default function RegisterPage() {
|
||||
{/* Footer Section */}
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/family-with-cute-kids-autumn-park_1157-22355.jpg?_wi=7"
|
||||
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: "Pricing", href: "/pricing" },
|
||||
{ label: "Security", href: "#" },
|
||||
@@ -314,8 +232,7 @@ export default function RegisterPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Blog", href: "/blog" },
|
||||
{ label: "Careers", href: "#" },
|
||||
@@ -323,8 +240,7 @@ export default function RegisterPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" },
|
||||
|
||||
@@ -26,8 +26,7 @@ export default function EventsPage() {
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "/events#features" },
|
||||
{ label: "Pricing", href: "/pricing" },
|
||||
{ label: "Security", href: "#" },
|
||||
@@ -35,8 +34,7 @@ export default function EventsPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Blog", href: "/blog" },
|
||||
{ label: "Careers", href: "#" },
|
||||
@@ -44,8 +42,7 @@ export default function EventsPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" },
|
||||
@@ -72,9 +69,7 @@ export default function EventsPage() {
|
||||
brandName="Family Square"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "/auth/login",
|
||||
}}
|
||||
text: "Get Started", href: "/auth/login"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -85,64 +80,36 @@ export default function EventsPage() {
|
||||
tag="Events"
|
||||
features={[
|
||||
{
|
||||
title: "Event Calendar",
|
||||
description: "View all upcoming family events in one place.",
|
||||
bentoComponent: "timeline",
|
||||
heading: "Upcoming Family Events",
|
||||
subheading: "Never miss an important celebration",
|
||||
items: [
|
||||
title: "Event Calendar", description: "View all upcoming family events in one place.", bentoComponent: "timeline", heading: "Upcoming Family Events", subheading: "Never miss an important celebration", 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: "Event Details",
|
||||
description: "Get comprehensive information about each event.",
|
||||
bentoComponent: "3d-task-list",
|
||||
title: "Event Checklist",
|
||||
items: [
|
||||
title: "Event Details", description: "Get comprehensive information about each event.", bentoComponent: "3d-task-list", title: "Event Checklist", items: [
|
||||
{
|
||||
icon: Users,
|
||||
label: "Invite Family",
|
||||
time: "Day 7",
|
||||
},
|
||||
label: "Invite Family", time: "Day 7"},
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Confirm Location",
|
||||
time: "Day 5",
|
||||
},
|
||||
label: "Confirm Location", time: "Day 5"},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Set Time",
|
||||
time: "Day 3",
|
||||
},
|
||||
label: "Set Time", time: "Day 3"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Photo Memories",
|
||||
description: "Share and store event photos with the family.",
|
||||
bentoComponent: "media-stack",
|
||||
items: [
|
||||
title: "Photo Memories", description: "Share and store event photos with the family.", bentoComponent: "media-stack", items: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-person-celebrating-work-close-up_23-2149305062.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-person-celebrating-work-close-up_23-2149305062.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149306382.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-together_23-2149306382.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-looking-picture-album_23-2149548452.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-looking-picture-album_23-2149548452.jpg"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -163,47 +130,17 @@ export default function EventsPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarahj_family",
|
||||
testimonial: "Planning my daughter's birthday party was so easy. Everyone knew the date, time, and could RSVP instantly. No more calling everyone!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-portrait-gorgeous-young-caucasian-female-student-with-perfect-healthy-skin_273609-9035.jpg?_wi=3",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", handle: "@sarahj_family", testimonial: "Planning my daughter's birthday party was so easy. Everyone knew the date, time, and could RSVP instantly. No more calling everyone!", 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: "Family reunions are now perfectly organized. We can coordinate accommodation, meals, and activities all in one place. Game changer!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1620.jpg?_wi=3",
|
||||
},
|
||||
id: "2", name: "Michael Chen", handle: "@mikechen_dad", testimonial: "Family reunions are now perfectly organized. We can coordinate accommodation, meals, and activities all in one place. Game changer!", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1620.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@emilyrodriguez",
|
||||
testimonial: "As someone who hosts family dinners, this app has made coordination seamless. Everyone is happy and feels included in the planning.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-young-european-female-turquoise-blouse_181624-55855.jpg?_wi=2",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", handle: "@emilyrodriguez", testimonial: "As someone who hosts family dinners, this app has made coordination seamless. Everyone is happy and feels included in the planning.", 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: "Holiday celebrations are chaotic no more. Family Square keeps us all synchronized. Love it!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-cute-caucasian-man-park_181624-56266.jpg?_wi=2",
|
||||
},
|
||||
id: "4", name: "David Kim", handle: "@davidkim_family", testimonial: "Holiday celebrations are chaotic no more. Family Square keeps us all synchronized. Love it!", 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 get excited about family events now because they're involved in the planning through Family Square!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-portrait-gorgeous-young-caucasian-female-student-with-perfect-healthy-skin_273609-9035.jpg?_wi=4",
|
||||
},
|
||||
id: "5", name: "Jennifer Martinez", handle: "@jen_martinez", testimonial: "My kids actually get excited about family events now because they're involved in the planning through Family Square!", 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 small gatherings to large reunions, Family Square handles it all beautifully. Highly recommend!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1620.jpg?_wi=4",
|
||||
},
|
||||
id: "6", name: "Robert Thompson", handle: "@bobthompson", testimonial: "From small gatherings to large reunions, Family Square handles it all beautifully. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1620.jpg"},
|
||||
]}
|
||||
speed={40}
|
||||
/>
|
||||
@@ -217,8 +154,7 @@ export default function EventsPage() {
|
||||
tagIcon={Gift}
|
||||
tagAnimation="slide-up"
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="Enter your email for event alerts"
|
||||
buttonText="Subscribe to Events"
|
||||
@@ -228,7 +164,7 @@ export default function EventsPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/family-with-cute-kids-autumn-park_1157-22355.jpg?_wi=4"
|
||||
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."
|
||||
|
||||
@@ -49,9 +49,7 @@ export default function MessagingPage() {
|
||||
brandName="Family Square"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "/auth/login",
|
||||
}}
|
||||
text: "Get Started", href: "/auth/login"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -63,7 +61,7 @@ export default function MessagingPage() {
|
||||
{ text: "Join the Community", href: "/auth/register" },
|
||||
{ text: "Discover Features", href: "#features" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-spending-time-together-experiencing-time-expansion_23-2151338301.jpg?_wi=2"
|
||||
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}
|
||||
/>
|
||||
@@ -76,66 +74,37 @@ export default function MessagingPage() {
|
||||
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=3",
|
||||
},
|
||||
imageSrc: "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=3",
|
||||
},
|
||||
imageSrc: "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=3",
|
||||
},
|
||||
imageSrc: "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,
|
||||
@@ -170,29 +139,17 @@ export default function MessagingPage() {
|
||||
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: ImageIcon,
|
||||
title: "Photos Shared",
|
||||
value: "10M+",
|
||||
},
|
||||
id: "4", icon: ImageIcon,
|
||||
title: "Photos Shared", value: "10M+"},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
animationType="scale-rotate"
|
||||
@@ -210,47 +167,17 @@ export default function MessagingPage() {
|
||||
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=5",
|
||||
},
|
||||
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=5",
|
||||
},
|
||||
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=3",
|
||||
},
|
||||
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=3",
|
||||
},
|
||||
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=6",
|
||||
},
|
||||
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=6",
|
||||
},
|
||||
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}
|
||||
/>
|
||||
@@ -265,25 +192,9 @@ export default function MessagingPage() {
|
||||
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}
|
||||
/>
|
||||
@@ -295,8 +206,7 @@ export default function MessagingPage() {
|
||||
title="Ready to Bring Your Family Closer?"
|
||||
description="Join Family Square today and start sharing, organizing, and creating memories with your loved ones. Be the first to know about new features and updates."
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="Enter your family email"
|
||||
buttonText="Get Started Free"
|
||||
@@ -306,14 +216,13 @@ export default function MessagingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/family-with-cute-kids-autumn-park_1157-22355.jpg?_wi=5"
|
||||
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: "Pricing", href: "/pricing" },
|
||||
{ label: "Security", href: "#" },
|
||||
@@ -321,8 +230,7 @@ export default function MessagingPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Blog", href: "/blog" },
|
||||
{ label: "Careers", href: "#" },
|
||||
@@ -330,8 +238,7 @@ export default function MessagingPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" },
|
||||
|
||||
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: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -1,51 +1,40 @@
|
||||
"use client";
|
||||
import { FC, SVGProps } from "react";
|
||||
|
||||
import { memo } from "react";
|
||||
import useSvgTextLogo from "./useSvgTextLogo";
|
||||
import { cls } from "@/lib/utils";
|
||||
|
||||
interface SvgTextLogoProps {
|
||||
logoText: string;
|
||||
adjustHeightFactor?: number;
|
||||
verticalAlign?: "top" | "center";
|
||||
interface SvgTextLogoProps extends SVGProps<SVGSVGElement> {
|
||||
text: string;
|
||||
className?: string;
|
||||
}
|
||||
|
||||
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
|
||||
logoText,
|
||||
adjustHeightFactor,
|
||||
verticalAlign = "top",
|
||||
className = "",
|
||||
}) {
|
||||
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
|
||||
|
||||
const SvgTextLogo: FC<SvgTextLogoProps> = ({
|
||||
text = "Webild", className = "w-full h-auto", ...props
|
||||
}) => {
|
||||
return (
|
||||
<svg
|
||||
ref={svgRef}
|
||||
viewBox={viewBox}
|
||||
className={cls("w-full", className)}
|
||||
style={{ aspectRatio: aspectRatio }}
|
||||
preserveAspectRatio="none"
|
||||
role="img"
|
||||
aria-label={`${logoText} logo`}
|
||||
viewBox="0 0 800 200"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
{...props}
|
||||
>
|
||||
<defs>
|
||||
<linearGradient id="textGradient" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" style={{ stopColor: "#3b82f6", stopOpacity: 1 }} />
|
||||
<stop offset="100%" style={{ stopColor: "#8b5cf6", stopOpacity: 1 }} />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<text
|
||||
ref={textRef}
|
||||
x="0"
|
||||
y={verticalAlign === "center" ? "50%" : "0"}
|
||||
className="font-bold fill-current"
|
||||
style={{
|
||||
fontSize: "20px",
|
||||
letterSpacing: "-0.02em",
|
||||
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
|
||||
}}
|
||||
x="50%"
|
||||
y="50%"
|
||||
dominantBaseline="middle"
|
||||
textAnchor="middle"
|
||||
fontSize="80"
|
||||
fontWeight="bold"
|
||||
fill="url(#textGradient)"
|
||||
fontFamily="-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif"
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
};
|
||||
|
||||
export default SvgTextLogo;
|
||||
|
||||
Reference in New Issue
Block a user