2dcb59c19d
- Introduced new search card components for Contact, Event, Location, Note, Receipt, and Website. - Updated the App component to utilize these new components for displaying search results. - Changed the default font from Manrope to Switzer and updated related styles. - Added a new dependency `solid-motionone` to package.json. - Improved search functionality with a new sample data structure and enhanced search logic.
437 lines
14 KiB
TypeScript
437 lines
14 KiB
TypeScript
import type { DataArray, DataItem } from "./types";
|
|
|
|
const getRawData = (item: DataItem) => {
|
|
return Object.values(item.data).join(" ");
|
|
};
|
|
|
|
export const sampleData: DataArray = [
|
|
{
|
|
id: "1",
|
|
type: "Event",
|
|
get rawData() {
|
|
return getRawData(this);
|
|
},
|
|
get title() {
|
|
return this.data.title;
|
|
},
|
|
data: {
|
|
title: "Startup Mixer",
|
|
dateTime: {
|
|
start: "2025-06-01T19:00:00+01:00",
|
|
end: "2025-06-01T23:00:00+01:00",
|
|
},
|
|
location: "The Kings Arms, 27 Ropemaker St, London EC2Y 9LY",
|
|
description:
|
|
"Casual networking event for tech entrepreneurs and investors in London.",
|
|
organizer: {
|
|
name: "London Startup Network",
|
|
email: "events@londonstartupnetwork.co.uk",
|
|
},
|
|
attendees: ["Alex Smith", "Sofia Rodriguez"],
|
|
category: "Networking",
|
|
},
|
|
},
|
|
{
|
|
id: "2",
|
|
type: "Contact",
|
|
get rawData() {
|
|
return getRawData(this);
|
|
},
|
|
get title() {
|
|
return this.data.name;
|
|
},
|
|
data: {
|
|
name: "João Silva",
|
|
phoneNumber: "+351 912 345 678",
|
|
emailAddress: "joao.silva@example.pt",
|
|
address: "Rua do Carmo 12, 1200-161 Lisboa, Portugal",
|
|
organization: "PortoTech Solutions",
|
|
title: "Marketing Manager",
|
|
notes: "Met at Web Summit Lisbon 2024",
|
|
},
|
|
},
|
|
{
|
|
id: "3",
|
|
type: "Location",
|
|
get rawData() {
|
|
return getRawData(this);
|
|
},
|
|
get title() {
|
|
return this.data.name;
|
|
},
|
|
data: {
|
|
name: "Barman Dictat",
|
|
address: "14 Khreshchatyk St., Kyiv, Ukraine",
|
|
category: "Bar",
|
|
description:
|
|
"Stylish cocktail bar in the heart of Kyiv with an extensive menu of craft cocktails and a sophisticated atmosphere",
|
|
},
|
|
},
|
|
{
|
|
id: "4",
|
|
type: "Note",
|
|
get rawData() {
|
|
return getRawData(this);
|
|
},
|
|
get title() {
|
|
return this.data.title;
|
|
},
|
|
data: {
|
|
title: "Q2 2025 Marketing Strategy",
|
|
keywords: ["strategy", "digital marketing", "Q2", "2025"],
|
|
content:
|
|
"## Executive Summary\n\nOur Q2 2025 marketing strategy focuses on expanding our digital presence and increasing customer engagement across all platforms. We will leverage AI-driven personalization to enhance user experience and implement a multi-channel approach to reach our target demographics more effectively.\n\n### Key Objectives\n\n1. Increase website traffic by 30% through SEO optimization and content marketing.\n2. Boost social media engagement rates by 25% using interactive campaigns and influencer partnerships.\n3. Implement a new customer loyalty program to improve retention rates by 15%.\n\nBy aligning our marketing efforts with emerging trends and customer preferences, we aim to solidify our market position and drive sustainable growth throughout Q2 and beyond.",
|
|
},
|
|
},
|
|
{
|
|
id: "5",
|
|
type: "Website",
|
|
get rawData() {
|
|
return getRawData(this);
|
|
},
|
|
get title() {
|
|
return this.data.title;
|
|
},
|
|
data: {
|
|
url: "https://www.attio.com",
|
|
title: "Attio",
|
|
description:
|
|
"Attio is the AI-native CRM that builds, scales and grows your company to the next level.",
|
|
category: "SaaS",
|
|
},
|
|
},
|
|
{
|
|
id: "6",
|
|
type: "Receipt",
|
|
get rawData() {
|
|
return getRawData(this);
|
|
},
|
|
get title() {
|
|
return `${this.data.orderNumber} - ${this.data.vendor}`;
|
|
},
|
|
data: {
|
|
receiptDate: "2025-03-12T20:15:30+01:00",
|
|
orderNumber: "ORD12345",
|
|
amount: 49.99,
|
|
currency: "GBP",
|
|
vendor: "Zara Online Store",
|
|
items: [
|
|
{
|
|
name: "Slim Fit Dress Shirt",
|
|
quantity: 1,
|
|
price: 49.99,
|
|
currency: "GBP",
|
|
},
|
|
],
|
|
paymentMethod: "Visa",
|
|
shippingAddress: {
|
|
name: "Alex Smith",
|
|
address: "123 High St, London, EC2A 3AZ",
|
|
},
|
|
category: "Online Shopping",
|
|
},
|
|
},
|
|
{
|
|
id: "7",
|
|
type: "Event",
|
|
get rawData() {
|
|
return getRawData(this);
|
|
},
|
|
get title() {
|
|
return this.data.title;
|
|
},
|
|
data: {
|
|
title: "AI in Healthcare Summit",
|
|
dateTime: {
|
|
start: "2025-07-15T09:00:00+01:00",
|
|
end: "2025-07-15T17:00:00+01:00",
|
|
},
|
|
location:
|
|
"Royal College of Physicians, 11 St Andrews Pl, London NW1 4LE",
|
|
description:
|
|
"Annual conference exploring the latest developments in AI applications for healthcare",
|
|
organizer: {
|
|
name: "HealthTech Alliance",
|
|
email: "events@healthtechalliance.org",
|
|
},
|
|
attendees: [
|
|
"Dr. Sarah Chen",
|
|
"Prof. James Wilson",
|
|
"Dr. Maria Santos",
|
|
],
|
|
category: "Conference",
|
|
},
|
|
},
|
|
{
|
|
id: "8",
|
|
type: "Contact",
|
|
get rawData() {
|
|
return getRawData(this);
|
|
},
|
|
get title() {
|
|
return this.data.name;
|
|
},
|
|
data: {
|
|
name: "Emma Schmidt",
|
|
phoneNumber: "+49 30 12345678",
|
|
emailAddress: "e.schmidt@techberlin.de",
|
|
address: "Friedrichstraße 123, 10117 Berlin, Germany",
|
|
organization: "TechBerlin GmbH",
|
|
title: "Chief Technology Officer",
|
|
notes: "Key contact for Berlin tech scene, met at TechFest 2024",
|
|
},
|
|
},
|
|
{
|
|
id: "9",
|
|
type: "Location",
|
|
get rawData() {
|
|
return getRawData(this);
|
|
},
|
|
get title() {
|
|
return this.data.name;
|
|
},
|
|
data: {
|
|
name: "Digital Nomad Hub",
|
|
address: "Calle Princesa 25, 08001 Barcelona, Spain",
|
|
category: "Coworking Space",
|
|
description:
|
|
"Modern coworking space with high-speed internet, meeting rooms, and a vibrant community of international remote workers",
|
|
},
|
|
},
|
|
{
|
|
id: "10",
|
|
type: "Website",
|
|
get rawData() {
|
|
return getRawData(this);
|
|
},
|
|
get title() {
|
|
return this.data.title;
|
|
},
|
|
data: {
|
|
url: "https://www.techcrunch.com",
|
|
title: "TechCrunch",
|
|
description:
|
|
"Leading technology media platform covering startups, tech news, and venture capital",
|
|
category: "Tech News",
|
|
},
|
|
},
|
|
{
|
|
id: "11",
|
|
type: "Note",
|
|
get rawData() {
|
|
return getRawData(this);
|
|
},
|
|
get title() {
|
|
return this.data.title;
|
|
},
|
|
data: {
|
|
title: "Product Roadmap 2025",
|
|
keywords: ["product development", "strategy", "features", "2025"],
|
|
content:
|
|
"## Overview\n\nPriority features for 2025:\n\n1. AI-powered customer insights dashboard\n2. Integration with major CRM platforms\n3. Mobile app redesign\n4. Enhanced analytics suite\n\n### Timeline\n- Q1: Research and planning\n- Q2: Development phase 1\n- Q3: Beta testing\n- Q4: Full release",
|
|
},
|
|
},
|
|
{
|
|
id: "12",
|
|
type: "Receipt",
|
|
get rawData() {
|
|
return getRawData(this);
|
|
},
|
|
get title() {
|
|
return `${this.data.orderNumber} - ${this.data.vendor}`;
|
|
},
|
|
data: {
|
|
receiptDate: "2025-03-15T13:45:00+01:00",
|
|
orderNumber: "INV789012",
|
|
amount: 1299.99,
|
|
currency: "EUR",
|
|
vendor: "Apple Store",
|
|
items: [
|
|
{
|
|
name: "MacBook Air M3",
|
|
quantity: 1,
|
|
price: 1299.99,
|
|
currency: "EUR",
|
|
},
|
|
],
|
|
paymentMethod: "MasterCard",
|
|
shippingAddress: {
|
|
name: "Emma Schmidt",
|
|
address: "Friedrichstraße 123, 10117 Berlin, Germany",
|
|
},
|
|
category: "Electronics",
|
|
},
|
|
},
|
|
{
|
|
id: "13",
|
|
type: "Event",
|
|
get rawData() {
|
|
return getRawData(this);
|
|
},
|
|
get title() {
|
|
return this.data.title;
|
|
},
|
|
data: {
|
|
title: "Sustainable Tech Workshop",
|
|
dateTime: {
|
|
start: "2025-08-20T14:00:00+02:00",
|
|
end: "2025-08-20T17:00:00+02:00",
|
|
},
|
|
location: "GreenTech Hub, Prinsengracht 150, Amsterdam",
|
|
description:
|
|
"Workshop on implementing sustainable practices in tech companies",
|
|
organizer: {
|
|
name: "Green Digital Alliance",
|
|
email: "workshops@greendigital.org",
|
|
},
|
|
attendees: ["Lisa van der Berg", "Mark Johnson"],
|
|
category: "Workshop",
|
|
},
|
|
},
|
|
{
|
|
id: "14",
|
|
type: "Contact",
|
|
get rawData() {
|
|
return getRawData(this);
|
|
},
|
|
get title() {
|
|
return this.data.name;
|
|
},
|
|
data: {
|
|
name: "Akiko Tanaka",
|
|
phoneNumber: "+81 3 1234 5678",
|
|
emailAddress: "a.tanaka@tokyotech.jp",
|
|
address: "2-1-1 Marunouchi, Chiyoda-ku, Tokyo 100-0005",
|
|
organization: "Tokyo Tech Ventures",
|
|
title: "Investment Director",
|
|
notes: "Specialist in Asia-Pacific tech investments",
|
|
},
|
|
},
|
|
{
|
|
id: "15",
|
|
type: "Location",
|
|
get rawData() {
|
|
return getRawData(this);
|
|
},
|
|
get title() {
|
|
return this.data.name;
|
|
},
|
|
data: {
|
|
name: "Innovation Center Stockholm",
|
|
address: "Regeringsgatan 65, 111 56 Stockholm, Sweden",
|
|
category: "Tech Hub",
|
|
description:
|
|
"Leading innovation center in Scandinavia, hosting startups and tech events",
|
|
},
|
|
},
|
|
{
|
|
id: "16",
|
|
type: "Website",
|
|
get rawData() {
|
|
return getRawData(this);
|
|
},
|
|
get title() {
|
|
return this.data.title;
|
|
},
|
|
data: {
|
|
url: "https://www.github.com",
|
|
title: "GitHub",
|
|
description: "World's leading software development platform",
|
|
category: "Development Tools",
|
|
},
|
|
},
|
|
{
|
|
id: "17",
|
|
type: "Note",
|
|
get rawData() {
|
|
return getRawData(this);
|
|
},
|
|
get title() {
|
|
return this.data.title;
|
|
},
|
|
data: {
|
|
title: "Team Structure Reorganization",
|
|
keywords: ["organization", "teams", "structure", "management"],
|
|
content:
|
|
"## Proposed Changes\n\n1. Create dedicated AI/ML team\n2. Merge frontend and mobile teams\n3. Establish DevOps center of excellence\n\n### Timeline\nGradual implementation over Q3 2025\n\n### Expected Outcomes\n- Improved efficiency\n- Better resource allocation\n- Faster delivery cycles",
|
|
},
|
|
},
|
|
{
|
|
id: "18",
|
|
type: "Receipt",
|
|
get rawData() {
|
|
return getRawData(this);
|
|
},
|
|
get title() {
|
|
return `${this.data.orderNumber} - ${this.data.vendor}`;
|
|
},
|
|
data: {
|
|
receiptDate: "2025-03-18T10:30:00+01:00",
|
|
orderNumber: "BOK456789",
|
|
amount: 850.0,
|
|
currency: "USD",
|
|
vendor: "Hilton Hotels",
|
|
items: [
|
|
{
|
|
name: "Executive Suite - 2 nights",
|
|
quantity: 1,
|
|
price: 850.0,
|
|
currency: "USD",
|
|
},
|
|
],
|
|
paymentMethod: "American Express",
|
|
shippingAddress: {
|
|
name: "Akiko Tanaka",
|
|
address:
|
|
"Hilton San Francisco, 333 O'Farrell St, San Francisco, CA 94102",
|
|
},
|
|
category: "Travel",
|
|
},
|
|
},
|
|
{
|
|
id: "19",
|
|
type: "Event",
|
|
get rawData() {
|
|
return getRawData(this);
|
|
},
|
|
get title() {
|
|
return this.data.title;
|
|
},
|
|
data: {
|
|
title: "Web3 Developer Conference",
|
|
dateTime: {
|
|
start: "2025-09-10T09:00:00-07:00",
|
|
end: "2025-09-12T17:00:00-07:00",
|
|
},
|
|
location: "Moscone Center, 747 Howard St, San Francisco, CA 94103",
|
|
description:
|
|
"Three-day conference focusing on blockchain, DeFi, and Web3 development",
|
|
organizer: {
|
|
name: "Web3 Alliance",
|
|
email: "conference@web3alliance.org",
|
|
},
|
|
attendees: ["Vitalik B.", "Charles H.", "Gavin W."],
|
|
category: "Conference",
|
|
},
|
|
},
|
|
{
|
|
id: "20",
|
|
type: "Contact",
|
|
get rawData() {
|
|
return getRawData(this);
|
|
},
|
|
get title() {
|
|
return this.data.name;
|
|
},
|
|
data: {
|
|
name: "Rachel Chen",
|
|
phoneNumber: "+1 415 555 0123",
|
|
emailAddress: "rachel.chen@siliconvc.com",
|
|
address: "525 Market St, San Francisco, CA 94105",
|
|
organization: "Silicon Valley Capital",
|
|
title: "Partner",
|
|
notes: "Specializes in Series A/B investments in AI and ML startups",
|
|
},
|
|
},
|
|
];
|