diff --git a/backend/app/DomainObjects/Enums/ReportTypes.php b/backend/app/DomainObjects/Enums/ReportTypes.php
new file mode 100644
index 00000000..6f11acf5
--- /dev/null
+++ b/backend/app/DomainObjects/Enums/ReportTypes.php
@@ -0,0 +1,12 @@
+<?php
+
+namespace HiEvents\DomainObjects\Enums;
+
+enum ReportTypes: string
+{
+    use BaseEnum;
+
+    case PRODUCT_SALES = 'product_sales';
+    case DAILY_SALES_REPORT = 'daily_sales_report';
+    case PROMO_CODES_REPORT = 'promo_codes_report';
+}
diff --git a/backend/app/Http/Actions/Reports/GetReportAction.php b/backend/app/Http/Actions/Reports/GetReportAction.php
new file mode 100644
index 00000000..b22f5318
--- /dev/null
+++ b/backend/app/Http/Actions/Reports/GetReportAction.php
@@ -0,0 +1,61 @@
+<?php
+
+namespace HiEvents\Http\Actions\Reports;
+
+use HiEvents\DomainObjects\Enums\ReportTypes;
+use HiEvents\DomainObjects\EventDomainObject;
+use HiEvents\Http\Actions\BaseAction;
+use HiEvents\Http\Request\Report\GetReportRequest;
+use HiEvents\Services\Handlers\Reports\DTO\GetReportDTO;
+use HiEvents\Services\Handlers\Reports\GetReportHandler;
+use Illuminate\Http\JsonResponse;
+use Illuminate\Support\Carbon;
+use Illuminate\Validation\ValidationException;
+use Symfony\Component\HttpKernel\Exception\BadRequestHttpException;
+
+class GetReportAction extends BaseAction
+{
+    public function __construct(private readonly GetReportHandler $reportHandler)
+    {
+    }
+
+    /**
+     * @throws ValidationException
+     */
+    public function __invoke(GetReportRequest $request, int $eventId, string $reportType): JsonResponse
+    {
+        $this->isActionAuthorized($eventId, EventDomainObject::class);
+
+        $this->validateDateRange($request);
+
+        if (!in_array($reportType, ReportTypes::valuesArray(), true)) {
+            throw new BadRequestHttpException('Invalid report type.');
+        }
+
+        $reportData = $this->reportHandler->handle(
+            reportData: new GetReportDTO(
+                eventId: $eventId,
+                reportType: ReportTypes::from($reportType),
+                startDate: $request->validated('start_date'),
+                endDate: $request->validated('end_date'),
+            ),
+        );
+
+        return $this->jsonResponse($reportData);
+    }
+
+    /**
+     * @throws ValidationException
+     */
+    private function validateDateRange(GetReportRequest $request): void
+    {
+        $startDate = $request->validated('start_date');
+        $endDate = $request->validated('end_date');
+
+        $diffInDays = Carbon::parse($startDate)->diffInDays(Carbon::parse($endDate));
+
+        if ($diffInDays > 370) {
+            throw ValidationException::withMessages(['start_date' => 'Date range must be less than 370 days.']);
+        }
+    }
+}
diff --git a/backend/app/Http/Request/Report/GetReportRequest.php b/backend/app/Http/Request/Report/GetReportRequest.php
new file mode 100644
index 00000000..458a9861
--- /dev/null
+++ b/backend/app/Http/Request/Report/GetReportRequest.php
@@ -0,0 +1,16 @@
+<?php
+
+namespace HiEvents\Http\Request\Report;
+
+use HiEvents\Http\Request\BaseRequest;
+
+class GetReportRequest extends BaseRequest
+{
+    public function rules(): array
+    {
+        return [
+            'start_date' => 'date|before:end_date|required_with:end_date|nullable',
+            'end_date' => 'date|after:start_date|required_with:start_date|nullable',
+        ];
+    }
+}
diff --git a/backend/app/Resources/ProductCategory/ProductCategoryResourcePublic.php b/backend/app/Resources/ProductCategory/ProductCategoryResourcePublic.php
index dd885fb8..bfa087a5 100644
--- a/backend/app/Resources/ProductCategory/ProductCategoryResourcePublic.php
+++ b/backend/app/Resources/ProductCategory/ProductCategoryResourcePublic.php
@@ -3,7 +3,7 @@
 namespace HiEvents\Resources\ProductCategory;
 
 use HiEvents\DomainObjects\ProductCategoryDomainObject;
-use HiEvents\Resources\Product\ProductResource;
+use HiEvents\Resources\Product\ProductResourcePublic;
 use Illuminate\Http\Resources\Json\JsonResource;
 
 /**
@@ -21,7 +21,7 @@ public function toArray($request): array
             'order' => $this->getOrder(),
             'no_products_message' => $this->getNoProductsMessage(),
             $this->mergeWhen((bool)$this->getProducts(), fn() => [
-                'products' => ProductResource::collection($this->getProducts()),
+                'products' => ProductResourcePublic::collection($this->getProducts()),
             ]),
         ];
     }
diff --git a/backend/app/Services/Domain/Report/AbstractReportService.php b/backend/app/Services/Domain/Report/AbstractReportService.php
new file mode 100644
index 00000000..24c3058a
--- /dev/null
+++ b/backend/app/Services/Domain/Report/AbstractReportService.php
@@ -0,0 +1,49 @@
+<?php
+
+namespace HiEvents\Services\Domain\Report;
+
+use HiEvents\Repository\Interfaces\EventRepositoryInterface;
+use Illuminate\Cache\Repository;
+use Illuminate\Database\DatabaseManager;
+use Illuminate\Support\Carbon;
+use Illuminate\Support\Collection;
+
+abstract class AbstractReportService
+{
+    public function __construct(
+        private readonly Repository               $cache,
+        private readonly DatabaseManager          $queryBuilder,
+        private readonly EventRepositoryInterface $eventRepository,
+    )
+    {
+    }
+
+    public function generateReport(int $eventId, ?Carbon $startDate = null, ?Carbon $endDate = null): Collection
+    {
+        $event = $this->eventRepository->findById($eventId);
+        $timezone = $event->getTimezone();
+
+        $endDate = Carbon::parse($endDate ?? now(), $timezone);
+        $startDate = Carbon::parse($startDate ?? $endDate->copy()->subDays(30), $timezone);
+
+        $reportResults = $this->cache->remember(
+            key: $this->getCacheKey($eventId, $startDate, $endDate),
+            ttl: Carbon::now()->addSeconds(20),
+            callback: fn() => $this->queryBuilder->select(
+                $this->getSqlQuery($startDate, $endDate),
+                [
+                    'event_id' => $eventId,
+                ]
+            )
+        );
+
+        return collect($reportResults);
+    }
+
+    abstract protected function getSqlQuery(Carbon $startDate, Carbon $endDate): string;
+
+    protected function getCacheKey(int $eventId, ?Carbon $startDate, ?Carbon $endDate): string
+    {
+        return static::class . "$eventId.{$startDate?->toDateString()}.{$endDate?->toDateString()}";
+    }
+}
diff --git a/backend/app/Services/Domain/Report/Exception/InvalidDateRange.php b/backend/app/Services/Domain/Report/Exception/InvalidDateRange.php
new file mode 100644
index 00000000..56f5e6ba
--- /dev/null
+++ b/backend/app/Services/Domain/Report/Exception/InvalidDateRange.php
@@ -0,0 +1,10 @@
+<?php
+
+namespace HiEvents\Services\Domain\Report\Exception;
+
+use Exception;
+
+class InvalidDateRange extends Exception
+{
+
+}
diff --git a/backend/app/Services/Domain/Report/Factory/ReportServiceFactory.php b/backend/app/Services/Domain/Report/Factory/ReportServiceFactory.php
new file mode 100644
index 00000000..a18f2dbc
--- /dev/null
+++ b/backend/app/Services/Domain/Report/Factory/ReportServiceFactory.php
@@ -0,0 +1,22 @@
+<?php
+
+namespace HiEvents\Services\Domain\Report\Factory;
+
+use HiEvents\DomainObjects\Enums\ReportTypes;
+use HiEvents\Services\Domain\Report\AbstractReportService;
+use HiEvents\Services\Domain\Report\Reports\DailySalesReport;
+use HiEvents\Services\Domain\Report\Reports\ProductSalesReport;
+use HiEvents\Services\Domain\Report\Reports\PromoCodesReport;
+use Illuminate\Support\Facades\App;
+
+class ReportServiceFactory
+{
+    public function create(ReportTypes $reportType): AbstractReportService
+    {
+        return match ($reportType) {
+            ReportTypes::PRODUCT_SALES => App::make(ProductSalesReport::class),
+            ReportTypes::DAILY_SALES_REPORT => App::make(DailySalesReport::class),
+            ReportTypes::PROMO_CODES_REPORT => App::make(PromoCodesReport::class),
+        };
+    }
+}
diff --git a/backend/app/Services/Domain/Report/Reports/DailySalesReport.php b/backend/app/Services/Domain/Report/Reports/DailySalesReport.php
new file mode 100644
index 00000000..ba396f37
--- /dev/null
+++ b/backend/app/Services/Domain/Report/Reports/DailySalesReport.php
@@ -0,0 +1,37 @@
+<?php
+
+namespace HiEvents\Services\Domain\Report\Reports;
+
+use HiEvents\Services\Domain\Report\AbstractReportService;
+use Illuminate\Support\Carbon;
+
+class DailySalesReport extends AbstractReportService
+{
+    public function getSqlQuery(Carbon $startDate, Carbon $endDate): string
+    {
+        $startDateStr = $startDate->toDateString();
+        $endDateStr = $endDate->toDateString();
+
+        return <<<SQL
+            WITH date_range AS (
+                SELECT generate_series('$startDateStr'::date, '$endDateStr'::date, '1 day'::interval) AS date
+            )
+            SELECT
+                d.date,
+                COALESCE(eds.sales_total_gross, 0.00) AS sales_total_gross,
+                COALESCE(eds.total_tax, 0.00) AS total_tax,
+                COALESCE(eds.sales_total_before_additions, 0.00) AS sales_total_before_additions,
+                COALESCE(eds.products_sold, 0) AS products_sold,
+                COALESCE(eds.orders_created, 0) AS orders_created,
+                COALESCE(eds.total_fee, 0.00) AS total_fee,
+                COALESCE(eds.total_refunded, 0.00) AS total_refunded,
+                COALESCE(eds.total_views, 0) AS total_views
+            FROM
+                date_range d
+                LEFT JOIN event_daily_statistics eds
+                    ON d.date = eds.date
+                    AND eds.event_id = :event_id
+            ORDER BY d.date desc;
+SQL;
+    }
+}
diff --git a/backend/app/Services/Domain/Report/Reports/ProductSalesReport.php b/backend/app/Services/Domain/Report/Reports/ProductSalesReport.php
new file mode 100644
index 00000000..12806be8
--- /dev/null
+++ b/backend/app/Services/Domain/Report/Reports/ProductSalesReport.php
@@ -0,0 +1,46 @@
+<?php
+
+namespace HiEvents\Services\Domain\Report\Reports;
+
+use HiEvents\Services\Domain\Report\AbstractReportService;
+use Illuminate\Support\Carbon;
+
+class ProductSalesReport extends AbstractReportService
+{
+    protected function getSqlQuery(Carbon $startDate, Carbon $endDate): string
+    {
+        $startDateString = $startDate->format('Y-m-d H:i:s');
+        $endDateString = $endDate->format('Y-m-d H:i:s');
+
+        return <<<SQL
+            WITH filtered_orders AS (
+                SELECT
+                    oi.product_id,
+                    oi.total_tax,
+                    oi.total_gross,
+                    oi.total_service_fee,
+                    oi.id AS order_item_id
+                FROM order_items oi
+                JOIN orders o ON oi.order_id = o.id
+                WHERE o.status = 'COMPLETED'
+                    AND o.event_id = :event_id
+                    AND o.created_at BETWEEN '$startDateString' AND '$endDateString'
+                    AND oi.deleted_at IS NULL
+            )
+            SELECT
+                p.id AS product_id,
+                p.title AS product_title,
+                p.type AS product_type,
+                COALESCE(SUM(fo.total_tax), 0) AS total_tax,
+                COALESCE(SUM(fo.total_gross), 0) AS total_gross,
+                COALESCE(SUM(fo.total_service_fee), 0) AS total_service_fees,
+                COUNT(fo.order_item_id) AS number_sold
+            FROM products p
+            LEFT JOIN filtered_orders fo ON fo.product_id = p.id
+            WHERE p.event_id = :event_id
+                AND p.deleted_at IS NULL
+            GROUP BY p.id, p.title, p.type
+            ORDER BY p."order"
+SQL;
+    }
+}
diff --git a/backend/app/Services/Domain/Report/Reports/PromoCodesReport.php b/backend/app/Services/Domain/Report/Reports/PromoCodesReport.php
new file mode 100644
index 00000000..e8336c64
--- /dev/null
+++ b/backend/app/Services/Domain/Report/Reports/PromoCodesReport.php
@@ -0,0 +1,91 @@
+<?php
+
+namespace HiEvents\Services\Domain\Report\Reports;
+
+use HiEvents\Services\Domain\Report\AbstractReportService;
+use Illuminate\Support\Carbon;
+
+class PromoCodesReport extends AbstractReportService
+{
+    protected function getSqlQuery(Carbon $startDate, Carbon $endDate): string
+    {
+        $startDateString = $startDate->format('Y-m-d H:i:s');
+        $endDateString = $endDate->format('Y-m-d H:i:s');
+
+        return <<<SQL
+                    WITH promo_metrics AS (
+                        SELECT
+                            COALESCE(pc.code, o.promo_code) as promo_code,
+                            COUNT(DISTINCT o.id) as times_used,
+                            COUNT(DISTINCT o.email) as unique_customers,
+                            COALESCE(SUM(o.total_gross), 0) as total_gross_sales,
+                            COALESCE(SUM(o.total_before_additions), 0) as total_before_discounts,
+                            COALESCE(SUM(o.total_before_additions - o.total_gross), 0) as total_discount_amount,
+                            CASE
+                                WHEN COUNT(o.id) > 0 THEN ROUND(AVG(o.total_before_additions - o.total_gross)::numeric, 2)
+                                ELSE 0
+                            END as avg_discount_per_order,
+                            CASE
+                                WHEN COUNT(o.id) > 0 THEN ROUND(AVG(o.total_gross)::numeric, 2)
+                                ELSE 0
+                            END as avg_order_value,
+                            MIN(o.created_at AT TIME ZONE 'UTC') as first_used_at,
+                            MAX(o.created_at AT TIME ZONE 'UTC') as last_used_at,
+                            pc.discount as configured_discount,
+                            pc.discount_type,
+                            pc.max_allowed_usages,
+                            pc.expiry_date AT TIME ZONE 'UTC' as expiry_date,
+                            CASE
+                                WHEN pc.max_allowed_usages IS NOT NULL
+                                    THEN pc.max_allowed_usages - COUNT(o.id)::integer
+                            END as remaining_uses,
+                            CASE
+                                WHEN pc.expiry_date < CURRENT_TIMESTAMP THEN 'Expired'
+                                WHEN pc.max_allowed_usages IS NOT NULL AND COUNT(o.id) >= pc.max_allowed_usages THEN 'Limit Reached'
+                                WHEN pc.deleted_at IS NOT NULL THEN 'Deleted'
+                                ELSE 'Active'
+                            END as status
+                        FROM promo_codes pc
+                        LEFT JOIN orders o ON
+                            pc.id = o.promo_code_id
+                            AND o.deleted_at IS NULL
+                            AND o.status NOT IN ('RESERVED')
+                            AND o.event_id = :event_id
+                            AND o.created_at >= '$startDateString'
+                            AND o.created_at <= '$endDateString'
+                        WHERE
+                            pc.deleted_at IS NULL
+                            AND pc.event_id = :event_id
+                        GROUP BY
+                            pc.id,
+                            COALESCE(pc.code, o.promo_code),
+                            pc.discount,
+                            pc.discount_type,
+                            pc.max_allowed_usages,
+                            pc.expiry_date,
+                            pc.deleted_at
+                    )
+                    SELECT
+                        promo_code,
+                        times_used,
+                        unique_customers,
+                        configured_discount,
+                        discount_type,
+                        total_gross_sales,
+                        total_before_discounts,
+                        total_discount_amount,
+                        avg_discount_per_order,
+                        avg_order_value,
+                        first_used_at,
+                        last_used_at,
+                        max_allowed_usages,
+                        remaining_uses,
+                        expiry_date,
+                        status
+                    FROM promo_metrics
+                    ORDER BY
+                        total_gross_sales DESC,
+                        promo_code;
+        SQL;
+    }
+}
diff --git a/backend/app/Services/Handlers/Reports/DTO/GetReportDTO.php b/backend/app/Services/Handlers/Reports/DTO/GetReportDTO.php
new file mode 100644
index 00000000..024dab42
--- /dev/null
+++ b/backend/app/Services/Handlers/Reports/DTO/GetReportDTO.php
@@ -0,0 +1,18 @@
+<?php
+
+namespace HiEvents\Services\Handlers\Reports\DTO;
+
+use HiEvents\DataTransferObjects\BaseDTO;
+use HiEvents\DomainObjects\Enums\ReportTypes;
+
+class GetReportDTO extends BaseDTO
+{
+    public function __construct(
+        public readonly int         $eventId,
+        public readonly ReportTypes $reportType,
+        public readonly ?string     $startDate,
+        public readonly ?string     $endDate
+    )
+    {
+    }
+}
diff --git a/backend/app/Services/Handlers/Reports/GetReportHandler.php b/backend/app/Services/Handlers/Reports/GetReportHandler.php
new file mode 100644
index 00000000..f46fa495
--- /dev/null
+++ b/backend/app/Services/Handlers/Reports/GetReportHandler.php
@@ -0,0 +1,28 @@
+<?php
+
+namespace HiEvents\Services\Handlers\Reports;
+
+use HiEvents\Services\Domain\Report\Factory\ReportServiceFactory;
+use HiEvents\Services\Handlers\Reports\DTO\GetReportDTO;
+use Illuminate\Support\Carbon;
+use Illuminate\Support\Collection;
+
+class GetReportHandler
+{
+    public function __construct(
+        private readonly ReportServiceFactory $reportServiceFactory,
+    )
+    {
+    }
+
+    public function handle(GetReportDTO $reportData): Collection
+    {
+        return $this->reportServiceFactory
+            ->create($reportData->reportType)
+            ->generateReport(
+                eventId: $reportData->eventId,
+                startDate: $reportData->startDate ? Carbon::parse($reportData->startDate) : null,
+                endDate: $reportData->endDate ? Carbon::parse($reportData->endDate) : null,
+            );
+    }
+}
diff --git a/backend/routes/api.php b/backend/routes/api.php
index 92dd90eb..aec0d8e8 100644
--- a/backend/routes/api.php
+++ b/backend/routes/api.php
@@ -88,6 +88,7 @@
 use HiEvents\Http\Actions\Questions\GetQuestionsAction;
 use HiEvents\Http\Actions\Questions\GetQuestionsPublicAction;
 use HiEvents\Http\Actions\Questions\SortQuestionsAction;
+use HiEvents\Http\Actions\Reports\GetReportAction;
 use HiEvents\Http\Actions\TaxesAndFees\CreateTaxOrFeeAction;
 use HiEvents\Http\Actions\TaxesAndFees\DeleteTaxOrFeeAction;
 use HiEvents\Http\Actions\TaxesAndFees\EditTaxOrFeeAction;
@@ -245,6 +246,8 @@ function (Router $router): void {
         $router->get('/events/{event_id}/check-in-lists/{check_in_list_id}', GetCheckInListAction::class);
         $router->put('/events/{event_id}/check-in-lists/{check_in_list_id}', UpdateCheckInListAction::class);
         $router->delete('/events/{event_id}/check-in-lists/{check_in_list_id}', DeleteCheckInListAction::class);
+
+        $router->get('/events/{event_id}/reports/{report_type}', GetReportAction::class);
     }
 );
 
diff --git a/frontend/src/api/event.client.ts b/frontend/src/api/event.client.ts
index 41ad35a2..4d7ad46c 100644
--- a/frontend/src/api/event.client.ts
+++ b/frontend/src/api/event.client.ts
@@ -82,6 +82,11 @@ export const eventsClient = {
             status
         });
         return response.data;
+    },
+
+    getEventReport: async (eventId: IdParam, reportType: IdParam, startDate?: string, endDate?: string) => {
+        const response = await api.get<GenericDataResponse<any>>('events/' + eventId + '/reports/' + reportType + '?start_date=' + startDate + '&end_date=' + endDate);
+        return response.data;
     }
 }
 
diff --git a/frontend/src/components/common/DownloadCsvButton/index.tsx b/frontend/src/components/common/DownloadCsvButton/index.tsx
new file mode 100644
index 00000000..dcef9bed
--- /dev/null
+++ b/frontend/src/components/common/DownloadCsvButton/index.tsx
@@ -0,0 +1,51 @@
+import {Button, ButtonProps} from '@mantine/core';
+import {IconDownload} from '@tabler/icons-react';
+import {t} from '@lingui/macro';
+
+interface DownloadCsvButtonProps extends Omit<ButtonProps, 'onClick'> {
+    headers: string[];
+    data: (string | number)[][];
+    filename?: string;
+}
+
+export const DownloadCsvButton = ({
+                                      headers,
+                                      data,
+                                      filename = 'download.csv',
+                                      ...buttonProps
+                                  }: DownloadCsvButtonProps) => {
+    const handleDownloadCSV = () => {
+        const csvData = data.map(row =>
+            row.map(cell =>
+                typeof cell === 'string' ? `"${cell}"` : cell
+            ).join(',')
+        );
+
+        const csvContent = [
+            headers.join(','),
+            ...csvData
+        ].join('\n');
+
+        // Create and trigger download
+        const blob = new Blob([csvContent], {type: 'text/csv;charset=utf-8;'});
+        const link = document.createElement('a');
+        const url = URL.createObjectURL(blob);
+        link.setAttribute('href', url);
+        link.setAttribute('download', filename);
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+        URL.revokeObjectURL(url);
+    };
+
+    return (
+        <Button
+            leftSection={<IconDownload size={16}/>}
+            onClick={handleDownloadCSV}
+            variant="light"
+            {...buttonProps}
+        >
+            {t`Download CSV`}
+        </Button>
+    );
+};
diff --git a/frontend/src/components/common/ReportTable/index.tsx b/frontend/src/components/common/ReportTable/index.tsx
new file mode 100644
index 00000000..0f361eea
--- /dev/null
+++ b/frontend/src/components/common/ReportTable/index.tsx
@@ -0,0 +1,304 @@
+import {ComboboxItem, Group, LoadingOverlay, Paper, Select, Table as MantineTable} from '@mantine/core';
+import {t} from '@lingui/macro';
+import {DatePickerInput} from "@mantine/dates";
+import {IconArrowDown, IconArrowsSort, IconArrowUp, IconCalendar} from "@tabler/icons-react";
+import React, {useMemo, useState} from "react";
+import {PageTitle} from "../PageTitle";
+import {DownloadCsvButton} from "../DownloadCsvButton";
+import {Table, TableHead} from "../Table";
+import '@mantine/dates/styles.css';
+import {useGetEventReport} from "../../../queries/useGetEventReport.ts";
+import {useParams} from "react-router-dom";
+import {Event} from "../../../types.ts";
+import dayjs from 'dayjs';
+import utc from 'dayjs/plugin/utc';
+import timezone from 'dayjs/plugin/timezone';
+
+dayjs.extend(utc);
+dayjs.extend(timezone);
+
+interface Column<T> {
+    key: keyof T;
+    label: string;
+    render?: (value: any, row: T) => React.ReactNode;
+    sortable?: boolean;
+}
+
+interface ReportProps<T> {
+    title: string;
+    columns: Column<T>[];
+    event: Event
+    isLoading?: boolean;
+    showDateFilter?: boolean;
+    defaultStartDate?: Date;
+    defaultEndDate?: Date;
+    onDateRangeChange?: (range: [Date | null, Date | null]) => void;
+    enableDownload?: boolean;
+    downloadFileName?: string;
+    showCustomDatePicker?: boolean;
+}
+
+const TIME_PERIODS = [
+    {value: '24h', label: t`Last 24 hours`},
+    {value: '48h', label: t`Last 48 hours`},
+    {value: '7d', label: t`Last 7 days`},
+    {value: '14d', label: t`Last 14 days`},
+    {value: '30d', label: t`Last 30 days`},
+    {value: '90d', label: t`Last 90 days`},
+    {value: '6m', label: t`Last 6 months`},
+    {value: 'ytd', label: t`Year to date`},
+    {value: '12m', label: t`Last 12 months`},
+    {value: 'custom', label: t`Custom Range`}
+];
+
+const ReportTable = <T extends Record<string, any>>({
+                                                        title,
+                                                        columns,
+                                                        isLoading = false,
+                                                        showDateFilter = true,
+                                                        defaultStartDate = new Date(new Date().setMonth(new Date().getMonth() - 3)),
+                                                        defaultEndDate = new Date(),
+                                                        onDateRangeChange,
+                                                        enableDownload = true,
+                                                        downloadFileName = 'report.csv',
+                                                        showCustomDatePicker = false,
+                                                        event
+                                                    }: ReportProps<T>) => {
+    const [dateRange, setDateRange] = useState<[Date | null, Date | null]>([
+        dayjs(defaultStartDate).tz(event.timezone).toDate(),
+        dayjs(defaultEndDate).tz(event.timezone).toDate()
+    ]);
+    const [selectedPeriod, setSelectedPeriod] = useState('90d');
+    const [showDatePickerInput, setShowDatePickerInput] = useState(showCustomDatePicker);
+    const [sortField, setSortField] = useState<keyof T | null>(null);
+    const [sortDirection, setSortDirection] = useState<'asc' | 'desc' | null>(null);
+    const {reportType, eventId} = useParams();
+    const reportQuery = useGetEventReport(eventId, reportType, dateRange[0], dateRange[1]);
+    const data = (reportQuery.data || []) as T[];
+
+    const calculateDateRange = (period: string): [Date | null, Date | null] => {
+        if (period === 'custom') {
+            setShowDatePickerInput(true);
+            return dateRange;
+        }
+        setShowDatePickerInput(false);
+
+        let end = dayjs().tz(event.timezone).endOf('day');
+        let start = dayjs().tz(event.timezone);
+
+        switch (period) {
+            case '24h':
+                start = start.startOf('day');
+                end = start.endOf('day');
+                break;
+            case '48h':
+                start = start.subtract(1, 'day').startOf('day');
+                end = start.endOf('day').add(1, 'day');
+                break;
+            case '7d':
+                start = start.subtract(6, 'day').startOf('day');
+                break;
+            case '14d':
+                start = start.subtract(13, 'day').startOf('day');
+                break;
+            case '30d':
+                start = start.subtract(29, 'day').startOf('day');
+                break;
+            case '90d':
+                start = start.subtract(89, 'day').startOf('day');
+                break;
+            case '6m':
+                start = start.subtract(6, 'month').startOf('day');
+                break;
+            case 'ytd':
+                start = start.startOf('year');
+                break;
+            case '12m':
+                start = start.subtract(12, 'month').startOf('day');
+                break;
+            default:
+                return [null, null];
+        }
+
+        return [start.toDate(), end.toDate()];
+    };
+
+    const handlePeriodChange = (value: string | null, _: ComboboxItem) => {
+        if (!value) return;
+        setSelectedPeriod(value);
+        const newRange = calculateDateRange(value);
+        setDateRange(newRange);
+        onDateRangeChange?.(newRange);
+    };
+
+    const handleDateRangeChange = (newRange: [Date | null, Date | null]) => {
+        const [start, end] = newRange;
+        const tzStart = start ? dayjs(start).tz(event.timezone) : null;
+        const tzEnd = end ? dayjs(end).tz(event.timezone) : null;
+
+        const tzRange: [Date | null, Date | null] = [
+            tzStart?.toDate() || null,
+            tzEnd?.toDate() || null
+        ];
+
+        setDateRange(tzRange);
+        onDateRangeChange?.(tzRange);
+    };
+
+    if (isLoading) {
+        return (
+            <Paper p="md" pos="relative">
+                <LoadingOverlay visible={true}/>
+            </Paper>
+        );
+    }
+
+    const handleSort = (field: keyof T) => {
+        if (sortField === field) {
+            if (sortDirection === 'asc') setSortDirection('desc');
+            else if (sortDirection === 'desc') {
+                setSortDirection(null);
+                setSortField(null);
+            } else setSortDirection('asc');
+        } else {
+            setSortField(field);
+            setSortDirection('asc');
+        }
+    };
+
+    const getSortIcon = (field: keyof T) => {
+        if (sortField !== field) return <IconArrowsSort size={16}/>;
+        if (sortDirection === 'asc') return <IconArrowUp size={16}/>;
+        if (sortDirection === 'desc') return <IconArrowDown size={16}/>;
+        return <IconArrowsSort size={16} className="ml-2 text-gray-400"/>;
+    };
+
+    const sortedData = useMemo(() => {
+        return [...data].sort((a, b) => {
+            if (!sortField || !sortDirection) return 0;
+            const aValue = a[sortField];
+            const bValue = b[sortField];
+
+            const aNum = Number(aValue);
+            const bNum = Number(bValue);
+
+            if (!isNaN(aNum) && !isNaN(bNum)) {
+                return sortDirection === 'asc' ? aNum - bNum : bNum - aNum;
+            }
+
+            if (typeof aValue === 'string' && typeof bValue === 'string') {
+                return sortDirection === 'asc'
+                    ? aValue.toLowerCase().localeCompare(bValue.toLowerCase())
+                    : bValue.toLowerCase().localeCompare(aValue.toLowerCase());
+            }
+
+            return 0;
+        });
+    }, [data, sortField, sortDirection]);
+
+    const csvHeaders = columns.map(col => col.label);
+    const csvData = sortedData.map(row =>
+        columns.map(col => {
+            const value = row[col.key];
+            return typeof value === 'number' ? value.toString() : value;
+        })
+    );
+
+    const loadingMessage = () => {
+        const wrapper = (message: React.ReactNode) => (
+            <MantineTable.Tr>
+                <MantineTable.Td colSpan={columns.length} align="center">
+                    {message}
+                </MantineTable.Td>
+            </MantineTable.Tr>
+        );
+
+        if (reportQuery.isLoading) {
+            return wrapper(t`Loading...`);
+        }
+
+        if (showDateFilter && (!dateRange[0] || !dateRange[1])) {
+            return wrapper(t`No data to show. Please select a date range`);
+        }
+
+        if (!showDateFilter && dateRange[0] && dateRange[1]) {
+            return wrapper(t`No data available`);
+        }
+    };
+
+    return (
+        <>
+            <Group justify="space-between" mb="md">
+                <PageTitle>{t`${title}`}</PageTitle>
+                <Group justify="flex-end" align="center" gap="sm">
+                    {showDateFilter && (
+                        <Select
+                            style={{minWidth: '200px'}}
+                            placeholder={t`Select time period`}
+                            data={TIME_PERIODS}
+                            value={selectedPeriod}
+                            onChange={handlePeriodChange}
+                            leftSection={<IconCalendar stroke={1.5} size={20}/>}
+                            mb="0"
+                        />
+                    )}
+                    {showDateFilter && showDatePickerInput && (
+                        <DatePickerInput
+                            style={{minWidth: '305px', marginBottom: '0'}}
+                            leftSection={<IconCalendar stroke={1.5} size={20}/>}
+                            type="range"
+                            placeholder="Pick dates range"
+                            value={dateRange}
+                            onChange={handleDateRangeChange}
+                            minDate={dayjs().subtract(1, 'year').tz(event.timezone).toDate()}
+                            maxDate={dayjs().tz(event.timezone).toDate()}
+                            tim
+                        />
+                    )}
+                    {enableDownload && (
+                        <DownloadCsvButton
+                            headers={csvHeaders}
+                            data={csvData}
+                            filename={downloadFileName}
+                        />
+                    )}
+                </Group>
+            </Group>
+            <Table>
+                <TableHead>
+                    <MantineTable.Tr>
+                        {columns.map((column) => (
+                            <MantineTable.Th
+                                key={String(column.key)}
+                                onClick={column.sortable ? () => handleSort(column.key) : undefined}
+                                style={{cursor: column.sortable ? 'pointer' : 'default', minWidth: '180px'}}
+                            >
+                                <Group gap="xs" wrap={'nowrap'}>
+                                    {t`${column.label}`}
+                                    {column.sortable && getSortIcon(column.key)}
+                                </Group>
+                            </MantineTable.Th>
+                        ))}
+                    </MantineTable.Tr>
+                </TableHead>
+                <MantineTable.Tbody>
+                    {!sortedData.length && loadingMessage()}
+                    {sortedData.map((row, index) => (
+                        <MantineTable.Tr key={index}>
+                            {columns.map((column) => (
+                                <MantineTable.Td key={String(column.key)}>
+                                    {column.render
+                                        ? column.render(row[column.key], row)
+                                        : row[column.key]
+                                    }
+                                </MantineTable.Td>
+                            ))}
+                        </MantineTable.Tr>
+                    ))}
+                </MantineTable.Tbody>
+            </Table>
+        </>
+    );
+};
+
+export default ReportTable;
diff --git a/frontend/src/components/layouts/Event/index.tsx b/frontend/src/components/layouts/Event/index.tsx
index cd8a08ff..81c9f791 100644
--- a/frontend/src/components/layouts/Event/index.tsx
+++ b/frontend/src/components/layouts/Event/index.tsx
@@ -1,6 +1,7 @@
 import {Badge, Breadcrumbs, Burger, Button, UnstyledButton, VisuallyHidden} from '@mantine/core';
 import {NavLink, Outlet, useParams} from "react-router-dom";
 import {
+    IconChartBar, IconChartPie,
     IconChevronLeft,
     IconChevronRight,
     IconDashboard,
@@ -36,6 +37,7 @@ const EventLayout = () => {
         {link: 'getting-started', label: t`Getting Started`, icon: IconStar},
         {label: t`Manage`},
         {link: 'dashboard', label: t`Dashboard`, icon: IconDashboard},
+        {link: 'reports', label: t`Reports`, icon: IconChartPie},
         {link: 'settings', label: t`Settings`, icon: IconSettings},
         {link: 'products', label: t`Products`, icon: IconTicket},
         {link: 'attendees', label: t`Attendees`, icon: IconUsers},
diff --git a/frontend/src/components/routes/event/Reports/DailySalesReport/index.tsx b/frontend/src/components/routes/event/Reports/DailySalesReport/index.tsx
new file mode 100644
index 00000000..b9f76482
--- /dev/null
+++ b/frontend/src/components/routes/event/Reports/DailySalesReport/index.tsx
@@ -0,0 +1,80 @@
+import {useParams} from "react-router-dom";
+import {useGetEvent} from "../../../../../queries/useGetEvent.ts";
+import {formatCurrency} from "../../../../../utilites/currency.ts";
+import {formatDate} from "../../../../../utilites/dates.ts";
+import ReportTable from "../../../../common/ReportTable";
+
+export const DailySalesReport = () => {
+    const {eventId} = useParams();
+    const eventQuery = useGetEvent(eventId);
+    const event = eventQuery.data;
+
+    if (!event) {
+        return null;
+    }
+
+    const columns = [
+        {
+            key: 'date' as const,
+            label: 'Date',
+            sortable: true,
+            render: (value: string) => formatDate(value, 'MMM D, YYYY', event?.timezone)
+        },
+        {
+            key: 'sales_total_gross' as const,
+            label: 'Sales Total Gross',
+            sortable: true,
+            render: (value: string) => formatCurrency(value)
+        },
+        {
+            key: 'total_tax' as const,
+            label: 'Total Tax',
+            sortable: true,
+            render: (value: string) => formatCurrency(value)
+        },
+        {
+            key: 'sales_total_before_additions' as const,
+            label: 'Net Sales',
+            sortable: true,
+            render: (value: string) => formatCurrency(value)
+        },
+        {
+            key: 'products_sold' as const,
+            label: 'Products Sold',
+            sortable: true
+        },
+        {
+            key: 'orders_created' as const,
+            label: 'Orders Created',
+            sortable: true
+        },
+        {
+            key: 'total_fee' as const,
+            label: 'Total Fee',
+            sortable: true,
+            render: (value: string) => formatCurrency(value)
+        },
+        {
+            key: 'total_refunded' as const,
+            label: 'Total Refunded',
+            sortable: true,
+            render: (value: string) => formatCurrency(value)
+        },
+        {
+            key: 'total_views' as const,
+            label: 'Total Views',
+            sortable: true
+        }
+    ];
+
+    return (
+        <ReportTable
+            title="Daily Sales Report"
+            columns={columns}
+            isLoading={eventQuery.isLoading}
+            downloadFileName="daily_sales_report.csv"
+            showDateFilter={true}
+            event={event}
+        />
+    );
+};
diff --git a/frontend/src/components/routes/event/Reports/ProductSalesReport/index.tsx b/frontend/src/components/routes/event/Reports/ProductSalesReport/index.tsx
new file mode 100644
index 00000000..11196792
--- /dev/null
+++ b/frontend/src/components/routes/event/Reports/ProductSalesReport/index.tsx
@@ -0,0 +1,57 @@
+import {useParams} from "react-router-dom";
+import {useGetEvent} from "../../../../../queries/useGetEvent.ts";
+import {formatCurrency} from "../../../../../utilites/currency.ts";
+import ReportTable from "../../../../common/ReportTable";
+
+const ProductSalesReport = () => {
+    const {eventId} = useParams();
+    const eventQuery = useGetEvent(eventId);
+    const event = eventQuery.data;
+
+    if (!event) {
+        return null;
+    }
+
+    const columns = [
+        {
+            key: 'product_title' as const,
+            label: 'Product Title',
+            sortable: true
+        },
+        {
+            key: 'number_sold' as const,
+            label: 'Units Sold',
+            sortable: true
+        },
+        {
+            key: 'total_gross' as const,
+            label: 'Gross Sales',
+            sortable: true,
+            render: (value: string) => formatCurrency(value, event?.currency)
+        },
+        {
+            key: 'total_tax' as const,
+            label: 'Tax',
+            sortable: true,
+            render: (value: string) => formatCurrency(value, event?.currency)
+        },
+        {
+            key: 'total_service_fees' as const,
+            label: 'Service Fees',
+            sortable: true,
+            render: (value: string) => formatCurrency(value, event?.currency)
+        }
+    ];
+
+    return (
+        <ReportTable
+            title="Product Sales Report"
+            columns={columns}
+            isLoading={eventQuery.isLoading}
+            downloadFileName="product_sales_report.csv"
+            event={event}
+        />
+    );
+};
+
+export default ProductSalesReport;
diff --git a/frontend/src/components/routes/event/Reports/PromoCodesReport/index.tsx b/frontend/src/components/routes/event/Reports/PromoCodesReport/index.tsx
new file mode 100644
index 00000000..25be61e5
--- /dev/null
+++ b/frontend/src/components/routes/event/Reports/PromoCodesReport/index.tsx
@@ -0,0 +1,116 @@
+import {useParams} from "react-router-dom";
+import {useGetEvent} from "../../../../../queries/useGetEvent.ts";
+import {formatCurrency} from "../../../../../utilites/currency.ts";
+import ReportTable from "../../../../common/ReportTable";
+import {t} from "@lingui/macro";
+import {formatDate} from "../../../../../utilites/dates.ts";
+
+const PromoCodesReport = () => {
+    const {eventId} = useParams();
+    const eventQuery = useGetEvent(eventId);
+    const event = eventQuery.data;
+
+    if (!event) {
+        return null;
+    }
+
+    const columns = [
+        {
+            key: 'promo_code' as const,
+            label: t`Promo Code`,
+            sortable: true
+        },
+        {
+            key: 'times_used' as const,
+            label: t`Times Used`,
+            sortable: true
+        },
+        {
+            key: 'unique_customers' as const,
+            label: t`Unique Customers`,
+            sortable: true
+        },
+        {
+            key: 'configured_discount' as const,
+            label: t`Configured Discount`,
+            sortable: true,
+            render: (value: number, row: any) => {
+                if (row.discount_type === 'percentage') {
+                    return `${value}%`;
+                }
+                return formatCurrency(value, event?.currency);
+            }
+        },
+        {
+            key: 'total_gross_sales' as const,
+            label: t`Total Gross Sales`,
+            sortable: true,
+            render: (value: string) => formatCurrency(value, event?.currency)
+        },
+        {
+            key: 'total_before_discounts' as const,
+            label: t`Total Before Discounts`,
+            sortable: true,
+            render: (value: string) => formatCurrency(value, event?.currency)
+        },
+        {
+            key: 'total_discount_amount' as const,
+            label: t`Total Discount Amount`,
+            sortable: true,
+            render: (value: string) => formatCurrency(value, event?.currency)
+        },
+        {
+            key: 'avg_discount_per_order' as const,
+            label: t`Avg Discount/Order`,
+            sortable: true,
+            render: (value: string) => formatCurrency(value, event?.currency)
+        },
+        {
+            key: 'avg_order_value' as const,
+            label: t`Avg Order Value`,
+            sortable: true,
+            render: (value: string) => formatCurrency(value, event?.currency)
+        },
+        {
+            key: 'first_used_at' as const,
+            label: t`First Used`,
+            sortable: true,
+            render: (value: string) => value ? formatDate(value, 'MMM D, YYYY', event.timezone) : '-'
+        },
+        {
+            key: 'last_used_at' as const,
+            label: t`Last Used`,
+            sortable: true,
+            render: (value: string) => value ? formatDate(value, 'MMM D, YYYY', event.timezone) : '-'
+        },
+        {
+            key: 'max_allowed_usages' as const,
+            label: t`Usage Limit`,
+            sortable: true,
+            render: (value: number) => value || t`Unlimited`
+        },
+        {
+            key: 'remaining_uses' as const,
+            label: t`Remaining Uses`,
+            sortable: true,
+            render: (value: number) => value || t`Unlimited`
+        },
+        {
+            key: 'status' as const,
+            label: t`Status`,
+            sortable: true
+        }
+    ];
+
+    return (
+        <ReportTable
+            title={t`Promo Codes Report`}
+            columns={columns}
+            isLoading={eventQuery.isLoading}
+            downloadFileName="promo_codes_report.csv"
+            event={event}
+        />
+    );
+};
+
+export default PromoCodesReport;
diff --git a/frontend/src/components/routes/event/Reports/ReportLayout/index.tsx b/frontend/src/components/routes/event/Reports/ReportLayout/index.tsx
new file mode 100644
index 00000000..b5ff6760
--- /dev/null
+++ b/frontend/src/components/routes/event/Reports/ReportLayout/index.tsx
@@ -0,0 +1,44 @@
+import {Link, useParams} from "react-router-dom";
+import {PageBody} from "../../../../common/PageBody";
+import {Button} from "@mantine/core";
+import {IconChevronLeft} from "@tabler/icons-react";
+import ProductSalesReport from "../ProductSalesReport";
+import {ReportTypes} from "../../../../../types.ts";
+import {DailySalesReport} from "../DailySalesReport";
+import PromoCodesReport from "../PromoCodesReport";
+
+const renderReport = (reportType: string) => {
+    switch (reportType) {
+        case ReportTypes.ProductSales:
+            return <ProductSalesReport/>;
+        case ReportTypes.DailySales:
+            return <DailySalesReport/>;
+        case ReportTypes.PromoCodes:
+            return <PromoCodesReport/>;
+        default:
+            return <div>Report not found</div>;
+    }
+};
+
+const ReportLayout = () => {
+    const {eventId, reportType} = useParams();
+
+    return (
+        <PageBody>
+            <Button mb={20}
+                    leftSection={<IconChevronLeft/>}
+                    variant={'transparent'}
+                    component={Link}
+                    to={`/manage/event/${eventId}/reports`}
+                    pl={0}
+            >
+                Back to Reports
+            </Button>
+            <div>
+                {renderReport(reportType as string)}
+            </div>
+        </PageBody>
+    );
+}
+
+export default ReportLayout;
diff --git a/frontend/src/components/routes/event/Reports/Reports.module.scss b/frontend/src/components/routes/event/Reports/Reports.module.scss
new file mode 100644
index 00000000..12c4f41c
--- /dev/null
+++ b/frontend/src/components/routes/event/Reports/Reports.module.scss
@@ -0,0 +1,33 @@
+.reportType {
+  display: flex;
+  gap: 20px;
+  padding: 20px !important;
+  align-items: center;
+
+  .icon {
+    display: flex;
+    align-items: center;
+    font-size: 1.5em;
+    color: var(--tk-primary);
+    flex-shrink: 0;
+  }
+
+  .content {
+    flex-grow: 1;
+    p, h3 {
+      margin: 0;
+      padding: 0;
+    }
+    h3 {
+      margin-bottom: 5px;
+    }
+  }
+
+  .rightCaret {
+    display: flex;
+    align-items: center;
+    margin-left: auto;
+    flex-shrink: 0;
+    color: var(--mantine-color-gray-5);
+  }
+}
diff --git a/frontend/src/components/routes/event/Reports/index.tsx b/frontend/src/components/routes/event/Reports/index.tsx
new file mode 100644
index 00000000..165309a9
--- /dev/null
+++ b/frontend/src/components/routes/event/Reports/index.tsx
@@ -0,0 +1,61 @@
+import {PageTitle} from "../../../common/PageTitle";
+import {t} from "@lingui/macro";
+import {PageBody} from "../../../common/PageBody";
+import {IconChartBar, IconChevronRight, IconReportMoney} from "@tabler/icons-react";
+import classes from './Reports.module.scss';
+import {Card} from "../../../common/Card";
+import {Avatar, UnstyledButton} from "@mantine/core";
+import {Link, useParams} from "react-router-dom";
+import {ReportTypes} from "../../../../types.ts";
+
+const Reports = () => {
+    const {eventId} = useParams();
+
+    const reports = [
+        {
+            id: ReportTypes.ProductSales,
+            title: 'Product Sales',
+            description: 'Product sales, revenue, and tax breakdown',
+            icon: <Avatar size={40} color={'#831781'}><IconReportMoney/></Avatar>
+        },
+        {
+            id: ReportTypes.DailySales,
+            title: 'Daily Sales Report',
+            description: 'Daily sales, tax, and fee breakdown',
+            icon: <Avatar size={40} color={'#00a3e0'}><IconChartBar/></Avatar>
+        },
+        {
+            id: ReportTypes.PromoCodes,
+            title: 'Promo Codes Report',
+            description: 'Promo code usage and discount breakdown',
+            icon: <Avatar size={40} color={'#634fc0'}><IconReportMoney/></Avatar>
+        }
+    ];
+
+    return (
+        <PageBody>
+            <PageTitle>
+                {t`Reports`}
+            </PageTitle>
+
+            {reports.map((report) => (
+                <UnstyledButton component={Link} key={report.id} to={`/manage/event/${eventId}/report/${report.id}`}>
+                    <Card className={classes.reportType}>
+                        <div className={classes.icon}>
+                            {report.icon}
+                        </div>
+                        <div className={classes.content}>
+                            <h3>{report.title}</h3>
+                            <p>{report.description}</p>
+                        </div>
+                        <div className={classes.rightCaret}>
+                            <IconChevronRight/>
+                        </div>
+                    </Card>
+                </UnstyledButton>
+            ))}
+        </PageBody>
+    )
+}
+
+export default Reports;
diff --git a/frontend/src/queries/useGetEventReport.ts b/frontend/src/queries/useGetEventReport.ts
new file mode 100644
index 00000000..447a84cd
--- /dev/null
+++ b/frontend/src/queries/useGetEventReport.ts
@@ -0,0 +1,34 @@
+import { useQuery } from "@tanstack/react-query";
+import { IdParam } from "../types.ts";
+import { eventsClient } from "../api/event.client.ts";
+
+export const GET_EVENT_REPORT_QUERY_KEY = 'getEventReport';
+
+export const useGetEventReport = (
+    eventId: IdParam,
+    reportType: IdParam,
+    startDate?: Date | null,
+    endDate?: Date | null
+) => {
+    return useQuery({
+        queryKey: [
+            GET_EVENT_REPORT_QUERY_KEY,
+            eventId,
+            reportType,
+            startDate?.toISOString(),
+            endDate?.toISOString()
+        ],
+        queryFn: async () => {
+            const startDateString = startDate?.toISOString();
+            const endDateString = endDate?.toISOString();
+
+            return await eventsClient.getEventReport(
+                eventId,
+                reportType,
+                startDateString,
+                endDateString
+            );
+        },
+        enabled: !!eventId && !!reportType && (!!startDate && !!endDate) || (!startDate && !endDate)
+    });
+};
diff --git a/frontend/src/router.tsx b/frontend/src/router.tsx
index f57eb79d..803c5a2b 100644
--- a/frontend/src/router.tsx
+++ b/frontend/src/router.tsx
@@ -4,6 +4,8 @@ import {eventsClientPublic} from "./api/event.client.ts";
 import {promoCodeClientPublic} from "./api/promo-code.client.ts";
 import {useEffect, useState} from "react";
 import {useGetMe} from "./queries/useGetMe.ts";
+import {ReportTypes} from "./types.ts";
+import ReportLayout from "./components/routes/event/Reports/ReportLayout";
 
 const Root = () => {
     const [redirectPath, setRedirectPath] = useState<string | null>(null);
@@ -216,6 +218,20 @@ export const router: RouteObject[] = [
                     return {Component: EventDashboard.default};
                 }
             },
+            {
+                path: "reports",
+                async lazy() {
+                    const Reports = await import("./components/routes/event/Reports");
+                    return {Component: Reports.default};
+                },
+            },
+            {
+                path: "report/:reportType",
+                async lazy() {
+                    const ReportLayout = await import("./components/routes/event/Reports/ReportLayout");
+                    return {Component: ReportLayout.default};
+                },
+            },
             {
                 path: "products",
                 async lazy() {
diff --git a/frontend/src/types.ts b/frontend/src/types.ts
index ea4cb169..64b5bb70 100644
--- a/frontend/src/types.ts
+++ b/frontend/src/types.ts
@@ -666,3 +666,9 @@ export interface QuestionAnswer {
     first_name?: string;
     last_name?: string;
 }
+
+export enum ReportTypes {
+    ProductSales = 'product_sales',
+    DailySales = 'daily_sales_report',
+    PromoCodes = 'promo_codes_report',
+}