diff --git a/src/app/page.tsx b/src/app/page.tsx index 993be43..0f3b769 100644 --- a/src/app/page.tsx +++ b/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"}} /> @@ -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() {